/* ARK v1.0 | Variables semánticas. Temas mediante data-theme. */
:root {
  --color-bg: #ffffff;
  --color-surface: #f5f5f7;
  --color-surface-alt: #e9edf2;
  --color-card: #ffffff;
  --color-text: #171b23;
  --color-muted: #626873;
  --color-border: #d4d9e1;
  --color-control-border: #707986;
  --color-primary: #0759c7;
  --color-primary-hover: #064aa6;
  --color-on-primary: #ffffff;
  --color-link: #0759c7;
  --color-focus: #0759c7;
  --color-secondary: #244a68;
  --color-success: #14653a;
  --color-success-bg: #e9f5ed;
  --color-warning: #7d4800;
  --color-warning-bg: #fff2d6;
  --color-error: #b42332;
  --color-error-bg: #fff0f1;
  --color-info: #0759c7;
  --color-info-bg: #eaf2ff;
  --color-glass: #ffffffdf;
  --font-sans: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --type-caption: 0.75rem;
  --type-label: 0.875rem;
  --type-body: 1rem;
  --type-lead: 1.25rem;
  --type-title-sm: 1.5rem;
  --type-title-md: 2rem;
  --type-title-lg: 3rem;
  --type-display-sm: 4rem;
  --type-display-lg: 6rem;
  --space-0: 0rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --space-16: 1rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 6rem;
  --space-128: 8rem;
  --space-160: 10rem;
  --radius-0: 0px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-28: 28px;
  --radius-999: 999px;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-normal: 240ms;
  --duration-slow: 400ms;
  --duration-entrance: 600ms;
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --ease-standard: cubic-bezier(0.2,0,0,1);
  --ease-in: cubic-bezier(0.4,0,1,1);
  --shadow-card: 0 8px 32px #0000000a;
  --shadow-modal: 0 32px 120px #00000055;
  --layout-max: 1200px;
  --layout-wide: 1320px;
  --target-min: 44px;
}
[data-theme="dark"] {
  --color-bg: #0b0e14;
  --color-surface: #111722;
  --color-surface-alt: #242e3e;
  --color-card: #192130;
  --color-text: #f4f6fa;
  --color-muted: #aab5c7;
  --color-border: #344155;
  --color-control-border: #8b9bb1;
  --color-primary: #89b8ff;
  --color-primary-hover: #aed0ff;
  --color-on-primary: #0b1630;
  --color-link: #89b8ff;
  --color-focus: #9dc5ff;
  --color-secondary: #a9cada;
  --color-success: #8edcad;
  --color-success-bg: #122d21;
  --color-warning: #ffd18a;
  --color-warning-bg: #302512;
  --color-error: #ffacb6;
  --color-error-bg: #361b25;
  --color-info: #a4c8ff;
  --color-info-bg: #162b48;
  --color-glass: #0b0e14e6;
  color-scheme: dark;
}