/**
 * FINANFIDEM global design tokens.
 * Customizer overrides are injected via wp_add_inline_style (see inc/customizer.php).
 */
:root {
  /* Brand */
  --brand-green: #66ff00;
  --brand-red: rgb(181, 26, 40);
  --color-accent: #c00000;

  /* Neutrals & surfaces */
  --color-navy: #0a0a0a;
  --color-text-dark: #1a1a1a;
  --color-text-gray: #333333;
  --color-text-body: #2a2a2a;
  --color-text-muted: #6b6b6b;
  --color-text-meta: #767676;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-link-hover: #0a2540;
  --color-line: #e4e4e4;
  --color-line-soft: #ededed;
  --color-ad: #8a8a8a;
  --color-ad-bg: #f7f7f7;
  --color-green: #0a7d2c;
  --color-news: #d01212;
  --color-surface-gray: #f3f3f3;
  --color-surface-dark: #111111;
  --color-surface-darker: #0a0a0a;
  --color-footer-bg: var(--color-navy);
  --color-border-dark: #262626;
  --color-border-mid: #333333;
  --color-border-light: #d5d5d5;
  --color-border-btn: #cfcfcf;
  --color-footer-text: #d8d8d8;
  --color-footer-muted: #a3a3a3;
  --color-footer-copy: #8f8f8f;
  --color-footer-link: #c8c8c8;
  --color-footer-strip: #bdbdbd;

  /* Typography */
  --font-headline: "Barlow Condensed", "Archivo Narrow", Arial, sans-serif;
  --font-body: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;
  --font-logo: Georgia, "Times New Roman", Times, serif;
  --font-meta: "IBM Plex Sans Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --headline-scale: 1;

  /* Layout */
  --container-max-width: 1280px;
  --content-column-width: 920px;
  --sidebar-width: 288px;
  --gutter: 24px;
  --gutter-sm: 16px;

  /* Header */
  --header-z-index: 100000;
  --header-padding-y: 28px;
  --header-nav-size: 23px;
  --header-icon-size: 24px;
  --logo-size: 22px;
  --util-bar-height: 32px;

  /* Legacy aliases — existing styles keep working */
  --ff-brand: var(--brand-green);
  --ff-header: var(--color-navy);
  --ff-c-ink: var(--color-text-dark);
  --ff-c-body: var(--color-text-body);
  --ff-c-muted: var(--color-text-muted);
  --ff-c-meta: var(--color-text-meta);
  --ff-c-red: var(--brand-red);
  --ff-c-news: var(--color-accent);
  --ff-c-green: var(--color-green);
  --ff-c-line: var(--color-line);
  --ff-c-line-soft: var(--color-line-soft);
  --ff-c-ad: var(--color-ad);
  --ff-c-ad-bg: var(--color-ad-bg);
  --ff-container: var(--container-max-width);
  --ff-gutter: var(--gutter);
  --ff-gutter-sm: var(--gutter-sm);
  --ff-font-sans: var(--font-body);
  --ff-font-cond: var(--font-headline);
  --ff-font-mono: var(--font-mono);
  --ff-font-meta: var(--font-meta);
  --ff-font-display: var(--font-display);
  --ff-nav-size: var(--header-nav-size);
}