/**
 * Unified FINX public design tokens.
 * Themes may override accents via [data-theme]. Do not redefine container/ink in theme CSS.
 */
:root {
  --font-sans: Pretendard, "Noto Sans KR", sans-serif;

  --container: 1180px;
  --gutter: 40px;
  --section-y: 96px;
  --hero-y: 48px;
  /* Shared floor so every hero's copy+visual row lines up (reference: therabot.php). */
  --hero-content-min-h: 650px;

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* Style guide */
  --color-ink: #1f2937;
  --color-text-base: #344054;
  --color-muted: #667085;
  --color-paper: #ffffff;
  --color-bg: #fafaf8;
  --color-surface: #f7f9fc;
  --color-line: #e5e7eb;
  --color-accent: #1da989;
  --color-accent-2: #137c69;
  --color-accent-soft: #eaf7f1;
  --color-brand: #101114;
  --color-offer: #342f98;
  --color-footer: #071824;
  --color-on-dark: #ffffff;

  --shadow-sm: 0 10px 28px rgba(11, 34, 49, 0.08);
  --shadow-md: 0 18px 48px rgba(11, 34, 49, 0.1);

  --fx-nav-h: 84px;

  /* Legacy aliases used by older theme CSS */
  --ink: var(--color-ink);
  --muted: var(--color-muted);
  --line: var(--color-line);
  --bg: var(--color-bg);
  --surface: var(--color-surface);
  --white: #fff;
  --shadow: var(--shadow-md);
}

/* Theme accents only — do NOT redefine ink/container here */
[data-theme="about"] {
  --color-accent: #21dfa5;
  --color-accent-2: #0e9f76;
  --color-footer: #031219;
}

[data-theme="mindtech"] {
  --color-accent: #2557e5;
  --color-accent-2: #6950e8;
  --color-footer: #111a34;
}

[data-theme="counsel"] {
  --color-accent: #0f8e7d;
  --color-accent-2: #075f54;
  --color-brand: #0f8e7d;
  --color-footer: #102c32;
  --color-bg: #fffdf9;
  --color-line: #e8e3dc;
  --color-surface: #f6faf8;
  --mint: #0f8e7d;
  --green: #075f54;
}

[data-theme="finance"] {
  --color-accent: #17b897;
  --color-brand: #2457e6;
  --color-accent-2: #5b7cfa;
  --color-accent-soft: #edf2ff;
  --color-footer: #0c192c;
  --color-bg: #ffffff;
  --color-line: #e6eaf0;
  --color-surface: #f7f9fc;
  --blue: #2457e6;
  --blue-2: #5b7cfa;
  --navy: #102a43;
  --mint: #17b897;
  --sky: #eef5ff;
}

[data-theme="therabot-easy"] {
  --color-accent: #1da989;
  --color-accent-2: #137c69;
  --color-offer: #342f98;
  --color-footer: #071824;
}

[data-theme="therabot-pro"] {
  --color-accent: #4eaa91;
  --color-accent-2: #6fc1aa;
  --color-offer: #2f2d85;
  --color-footer: #03101f;
}

[data-theme="home"] {
  --color-accent: #1da989;
  --color-offer: #2557e5;
  --color-footer: #031219;
}

[data-theme="diagnostics"] {
  --color-accent: #16d696;
  --color-accent-2: #6bf2c3;
  --color-footer: #061310;
}