/**
 * Velora Skin model: skif (copied from @velora/css 01c-skin-models.css).
 * Source of truth: Velora packages/css/src/01c-skin-models.css (feat/skif-editorial-skin).
 * Front: html[data-editorial-theme="skif"]. Editor canvas mirrors light tokens.
 */

/* SKIF — institutional cream / ink / red (Earth paper + Signal hierarchy) */
html[data-editorial-theme="skif"],
.editor-styles-wrapper,
.block-editor-iframe__body {
  --vl-bg-main: #f3ede2;
  --vl-bg-surface: #faf8f2;
  --vl-bg-surface-elevated: #e0d9cc;
  --vl-bg-inset: #eae3d6;
  --vl-text-primary: #100a06;
  --vl-text-secondary: #2a221c;
  --vl-text-muted: #5c534a;
  --vl-border-subtle: color-mix(in oklch, #100a06 22%, transparent);
  --vl-color-primary: #AE0A0A;
  --vl-color-primary-soft: color-mix(in oklch, #AE0A0A 16%, transparent);
  --vl-color-secondary: #4a4a4a;
  --vl-color-accent: #ED1B24;
  --vl-font-family: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vl-font-family-display: "Oswald", "Source Sans 3", system-ui, sans-serif;
  --vl-font-family-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  --vl-font-weight-normal: 400;
  --vl-font-weight-semibold: 600;
  --vl-font-weight-bold: 700;
  --vl-leading-normal: 1.5;
  --vl-leading-relaxed: 1.65;
  --vl-tracking-wide: 0.04em;
  --vl-space-sm: 0.5rem;
  --vl-space-md: 1rem;
  --vl-space-lg: 1.5rem;
  --vl-space-xl: 2.5rem;
  --vl-space-2xl: 4rem;
  --vl-space-3xl: 6rem;
  --vl-radius-sm: 0.125rem;
  --vl-radius-md: 0.25rem;
  --vl-radius-lg: 0.5rem;
  --vl-radius-xl: 0.5rem;
  --vl-radius-2xl: 0.75rem;
  --vl-shadow-sm: 0 8px 20px rgba(16, 10, 6, 0.05);
  --vl-shadow-md: 0 18px 40px rgba(16, 10, 6, 0.07);
  --vl-shadow-lg: 0 28px 56px rgba(16, 10, 6, 0.1);
  --vl-shadow-glow:
    0 0 0 1px color-mix(in oklch, #AE0A0A 18%, transparent),
    0 16px 40px -24px color-mix(in oklch, #AE0A0A 40%, transparent);
  --vl-backdrop-blur: 12px;
  --vl-glass-bg: color-mix(in oklch, #faf8f2 82%, transparent);
  --vl-duration-fast: 140ms;
  --vl-duration-normal: 220ms;
  --vl-duration-slow: 300ms;
  --vl-duration-slower: 560ms;
  --vl-ease-cinematic: cubic-bezier(0.4, 0, 0.2, 1);
  --vl-ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --vl-motion-distance: 0.75rem;
  --vl-state-distance: 0.45rem;
  --vl-skin-content-max: 82rem;
  --vl-skin-grid-columns: 12;
  --vl-skin-grid-gap: 1.25rem;
  --vl-skin-density: 1;
  --vl-skin-border-width: 1px;
  --vl-skin-media-ratio: 16 / 10;
  --vl-skin-media-filter: saturate(0.92) contrast(1.04);
  --vl-skin-surface-alpha: 94%;
  --showcase-home-container-gutter: clamp(1.25rem, 3.5vw, 4rem);
  color-scheme: light;
}

html[data-editorial-theme="skif"][data-theme="dark"] {
  --vl-bg-main: #100a06;
  --vl-bg-surface: #1a1410;
  --vl-bg-surface-elevated: #241c16;
  --vl-bg-inset: #0c0805;
  --vl-text-primary: #f3ede2;
  --vl-text-secondary: #d4c9b8;
  --vl-text-muted: #9a8f82;
  --vl-border-subtle: color-mix(in oklch, #f3ede2 18%, transparent);
  --vl-color-primary: #ED1B24;
  --vl-color-primary-soft: color-mix(in oklch, #ED1B24 20%, transparent);
  --vl-color-secondary: #c4b8a8;
  --vl-color-accent: #AE0A0A;
  --vl-font-family: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vl-font-family-display: "Oswald", "Source Sans 3", system-ui, sans-serif;
  --vl-font-family-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  --vl-font-weight-normal: 400;
  --vl-font-weight-semibold: 600;
  --vl-font-weight-bold: 700;
  --vl-leading-normal: 1.5;
  --vl-leading-relaxed: 1.65;
  --vl-tracking-wide: 0.04em;
  --vl-space-sm: 0.5rem;
  --vl-space-md: 1rem;
  --vl-space-lg: 1.5rem;
  --vl-space-xl: 2.5rem;
  --vl-space-2xl: 4rem;
  --vl-space-3xl: 6rem;
  --vl-radius-sm: 0.125rem;
  --vl-radius-md: 0.25rem;
  --vl-radius-lg: 0.5rem;
  --vl-radius-xl: 0.5rem;
  --vl-radius-2xl: 0.75rem;
  --vl-shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.45);
  --vl-shadow-md: 0 22px 48px rgba(0, 0, 0, 0.55);
  --vl-shadow-lg: 0 34px 72px rgba(0, 0, 0, 0.65);
  --vl-shadow-glow:
    0 0 0 1px color-mix(in oklch, #ED1B24 28%, transparent),
    0 20px 56px -28px color-mix(in oklch, #ED1B24 55%, transparent);
  --vl-backdrop-blur: 14px;
  --vl-glass-bg: color-mix(in oklch, #1a1410 78%, transparent);
  --vl-duration-fast: 140ms;
  --vl-duration-normal: 220ms;
  --vl-duration-slow: 300ms;
  --vl-duration-slower: 560ms;
  --vl-ease-cinematic: cubic-bezier(0.4, 0, 0.2, 1);
  --vl-ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --vl-motion-distance: 0.75rem;
  --vl-state-distance: 0.45rem;
  --vl-skin-content-max: 82rem;
  --vl-skin-grid-columns: 12;
  --vl-skin-grid-gap: 1.25rem;
  --vl-skin-density: 1;
  --vl-skin-border-width: 1px;
  --vl-skin-media-ratio: 16 / 10;
  --vl-skin-media-filter: saturate(0.88) contrast(1.08) brightness(0.96);
  --vl-skin-surface-alpha: 90%;
  --showcase-home-container-gutter: clamp(1.25rem, 3.5vw, 4rem);
  color-scheme: dark;
}