/* HK UI · tokens generados por tools/design-tokens.php (no editar a mano) · 2026-09-08 */
:root {
  --midnight-50: #F4F7FC;
  --midnight-100: #A6ABB5;
  --midnight-200: #727885;
  --midnight-300: #49515F;
  --midnight-400: #2E3645;
  --midnight-500: #18202F;
  --midnight-600: #161D2B;
  --midnight-700: #141B26;
  --midnight-800: #121720;
  --midnight-900: #0C0F15;
  --olive-50: #F4F8F4;
  --olive-100: #B0B6AF;
  --olive-200: #818A80;
  --olive-300: #5D675C;
  --olive-400: #444E43;
  --olive-500: #2F3A2E;
  --olive-600: #2A3329;
  --olive-700: #242C23;
  --olive-800: #1C221B;
  --olive-900: #0D110D;
  --sage-50: #F5F8F3;
  --sage-100: #D3D9CF;
  --sage-200: #BBC3B5;
  --sage-300: #A8B2A1;
  --sage-400: #9AA592;
  --sage-500: #8E9A86;
  --sage-600: #788371;
  --sage-700: #616A5B;
  --sage-800: #42493D;
  --sage-900: #0D110B;
  --moss-50: #F5F8F3;
  --moss-100: #D3D9CF;
  --moss-200: #BBC3B5;
  --moss-300: #A8B2A1;
  --moss-400: #9AA592;
  --moss-500: #8E9A86;
  --moss-600: #788371;
  --moss-700: #616A5B;
  --moss-800: #42493D;
  --moss-900: #0D110B;
  --bone-50: #F8F7F4;
  --bone-100: #F4F2EC;
  --bone-200: #F1EEE7;
  --bone-300: #EFEBE2;
  --bone-400: #EDE9DF;
  --bone-500: #ECE7DC;
  --bone-600: #C6C2B8;
  --bone-700: #9D9A91;
  --bone-800: #696660;
  --bone-900: #110F0C;
  --copper-50: #FFF4F0;
  --copper-100: #FFC8B3;
  --copper-200: #FFA583;
  --copper-300: #FF8555;
  --copper-400: #F96F35;
  --copper-500: #F35B04;
  --copper-600: #D04C00;
  --copper-700: #AA3C00;
  --copper-800: #782700;
  --copper-900: #230400;
  --amber-50: #FFF5E7;
  --amber-100: #FBDAA6;
  --amber-200: #F3C67F;
  --amber-300: #EDB65C;
  --amber-400: #E7AA3C;
  --amber-500: #E3A008;
  --amber-600: #C18700;
  --amber-700: #9B6C00;
  --amber-800: #6B4900;
  --amber-900: #190D00;
  --ember-50: #FFF4F2;
  --ember-100: #F5B9B1;
  --ember-200: #E09389;
  --ember-300: #CF736A;
  --ember-400: #C15C53;
  --ember-500: #B5473F;
  --ember-600: #9D3B34;
  --ember-700: #822F29;
  --ember-800: #601E1A;
  --ember-900: #230303;
  --crimson-50: #FFF4F2;
  --crimson-100: #E1A69C;
  --crimson-200: #BF7469;
  --crimson-300: #A24A3F;
  --crimson-400: #8C2A21;
  --crimson-500: #780001;
  --crimson-600: #6A0202;
  --crimson-700: #5B0302;
  --crimson-800: #480402;
  --crimson-900: #240302;
  --midnight-rgb: 24 32 47;
  --olive-rgb: 47 58 46;
  --sage-rgb: 142 154 134;
  --moss-rgb: 142 154 134;
  --bone-rgb: 236 231 220;
  --copper-rgb: 243 91 4;
  --amber-rgb: 227 160 8;
  --ember-rgb: 181 71 63;
  --crimson-rgb: 120 0 1;

  /* semánticos: oscuro por defecto (plan §4.2) */
  --bg: #0C0F15;
  --surface: #18202F;
  --surface-2: #2E3645;
  --field: #2E3645;
  --surface-rich: #2F3A2E;
  --surface-rich-text: #ECE7DC;
  --text: #ECE7DC;
  --text-muted: #9AA592;
  --accent: #F96F35;
  --accent-text: #18202F;
  --accent-ink: #FFA583;
  --positive: #8E9A86;
  --positive-ink: #9AA592;
  --warning: #E3A008;
  --warning-ink: #E7AA3C;
  --danger: #CF736A;
  --danger-text: #18202F;
  --danger-ink: #E09389;
  --close: #780001;
  --close-ink: #E1A69C;
  --link: #FFA583;
  --link-hover: #F35B04;
  --focus: #F35B04;
  --canvas: #020304;
  --surface-hover: #222A38;
  --border: rgb(236 231 220 / .08);
  --border-strong: rgb(236 231 220 / .16);
  --accent-soft: rgb(249 111 53 / .14);
  --positive-soft: rgb(142 154 134 / .16);
  --danger-soft: rgb(207 115 106 / .14);
  --warning-soft: rgb(227 160 8 / .16);
  --close-soft: rgb(120 0 1 / .24);
  --highlight: rgb(255 255 255 / .06);
  --shadow-card: none;
  --shadow-pop: 0 24px 48px -12px rgb(0 0 0 / .55);
  --glass-bg: color-mix(in oklab, var(--surface) 62%, transparent);
  --glass-border: rgb(255 255 255 / .12);
  --glass-solid: color-mix(in oklab, var(--surface) 96%, transparent);
  --text-on-photo: #ECE7DC;
  color-scheme: dark;

  /* radios, espacio, tipografía, movimiento */
  --radius-frame: 28px;
  --radius-card: 24px;
  --radius-tile: 18px;
  --radius-control: 14px;
  --radius-pill: 999px;
  --radius-badge: 10px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --font-display: 'Red Rose', 'Red Rose Fallback', 'Avenir Next', 'Helvetica Neue', sans-serif;
  --font-nav: 'Gruppo', 'Gruppo Fallback', 'Avenir Next', 'Helvetica Neue', sans-serif;
  --font-body: 'Inter', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --text-2xs: .78125rem; --lh-2xs: 1.125rem;
  --text-xs: .8125rem; --lh-xs: 1.125rem;
  --text-sm: .875rem; --lh-sm: 1.25rem;
  --text-md: .9375rem; --lh-md: 1.375rem;
  --text-lg: 1.0625rem; --lh-lg: 1.5rem;
  --text-xl: 1.25rem; --lh-xl: 1.625rem;
  --text-2xl: 1.5rem; --lh-2xl: 1.875rem;
  --text-3xl: 1.75rem; --lh-3xl: 2.125rem;
  --text-4xl: 2rem; --lh-4xl: 2.375rem;
  --text-5xl: 2.5rem; --lh-5xl: 2.75rem;
  --text-6xl: 3rem; --lh-6xl: 3.25rem;
  --dur-micro: 150ms;
  --dur-enter: 220ms;
  --dur-exit: 160ms;
  --dur-module: 280ms;
  --dur-orchestration: 320ms;
  --dur-stagger: 30ms;
  --ease-enter: cubic-bezier(.16, 1, .3, 1);
  --ease-exit: cubic-bezier(.7, 0, .84, 0);
  --ease-control: cubic-bezier(.32, .72, 0, 1);
  --ease-standard: cubic-bezier(.23, 1, .32, 1);
  --glass-blur: 18px;
  --z-sidebar: 20; --z-topbar: 30; --z-publish: 40; --z-menu: 50; --z-drawer: 60; --z-modal: 70; --z-toast: 80;
  --sidebar-width: 264px; --topbar-height: 72px; --gutter: 20px;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #FCFCFD;
    --surface: #FDFEFF;
    --surface-2: #C2D9F2;
    --field: #EFF6EB;
    --surface-rich: #2F3A2E;
    --surface-rich-text: #ECE7DC;
    --text: #212529;
    --text-muted: #212529;
    --accent: #AA3C00;
    --accent-text: #ECE7DC;
    --accent-ink: #782700;
    --positive: #8E9A86;
    --positive-ink: #42493D;
    --warning: #E3A008;
    --warning-ink: #6B4900;
    --danger: #9D3B34;
    --danger-text: #ECE7DC;
    --danger-ink: #822F29;
    --close: #780001;
    --close-ink: #780001;
    --link: #F35B04;
    --link-hover: #AA3C00;
    --focus: #F35B04;
    --canvas: #DCE1E6;
    --surface-hover: #EEF4FC;
    --border: rgb(24 32 47 / .08);
    --border-strong: rgb(24 32 47 / .16);
    --accent-soft: rgb(170 60 0 / .12);
    --positive-soft: rgb(142 154 134 / .16);
    --danger-soft: rgb(157 59 52 / .14);
    --warning-soft: rgb(227 160 8 / .20);
    --close-soft: rgb(120 0 1 / .12);
    --highlight: rgb(255 255 255 / .55);
    --shadow-card: 0 24px 40px -12px rgb(47 58 46 / .12);
    --shadow-pop: 0 24px 48px -12px rgb(47 58 46 / .22);
    --glass-bg: color-mix(in oklab, var(--surface) 62%, transparent);
    --glass-border: rgb(24 32 47 / .08);
    --glass-solid: color-mix(in oklab, var(--surface) 96%, transparent);
    --text-on-photo: #ECE7DC;
    color-scheme: light;
  }
}

:root[data-theme="light"] {
  --bg: #FCFCFD;
  --surface: #FDFEFF;
  --surface-2: #C2D9F2;
  --field: #EFF6EB;
  --surface-rich: #2F3A2E;
  --surface-rich-text: #ECE7DC;
  --text: #212529;
  --text-muted: #212529;
  --accent: #AA3C00;
  --accent-text: #ECE7DC;
  --accent-ink: #782700;
  --positive: #8E9A86;
  --positive-ink: #42493D;
  --warning: #E3A008;
  --warning-ink: #6B4900;
  --danger: #9D3B34;
  --danger-text: #ECE7DC;
  --danger-ink: #822F29;
  --close: #780001;
  --close-ink: #780001;
  --link: #F35B04;
  --link-hover: #AA3C00;
  --focus: #F35B04;
  --canvas: #DCE1E6;
  --surface-hover: #EEF4FC;
  --border: rgb(24 32 47 / .08);
  --border-strong: rgb(24 32 47 / .16);
  --accent-soft: rgb(170 60 0 / .12);
  --positive-soft: rgb(142 154 134 / .16);
  --danger-soft: rgb(157 59 52 / .14);
  --warning-soft: rgb(227 160 8 / .20);
  --close-soft: rgb(120 0 1 / .12);
  --highlight: rgb(255 255 255 / .55);
  --shadow-card: 0 24px 40px -12px rgb(47 58 46 / .12);
  --shadow-pop: 0 24px 48px -12px rgb(47 58 46 / .22);
  --glass-bg: color-mix(in oklab, var(--surface) 62%, transparent);
  --glass-border: rgb(24 32 47 / .08);
  --glass-solid: color-mix(in oklab, var(--surface) 96%, transparent);
  --text-on-photo: #ECE7DC;
  color-scheme: light;
}