/*
 * Light theme tokens — the default "warm paper" Finance Calcs look.
 *
 * This file defines every colour used by theme.css. Component rules in
 * theme.css must reference these tokens only (no raw hex values), so a new
 * theme is just another token file scoped to [data-theme="<name>"] — see
 * docs/theming.md.
 *
 * Loaded unscoped on :root so it is the fallback for browsers/users with no
 * preference and for any future theme that omits a token.
 */

:root {
    color-scheme: light;

    /* Page & raised surfaces */
    --fc-bg: #f4f4f1;
    --fc-surface: #ffffff;
    --fc-surface-hover: #f0f0ec;
    --fc-surface-hover-soft: #f6f6f3;
    --fc-header-bg: rgba(255, 255, 255, 0.88);
    --fc-input-bg: #ffffff;

    /* Text scale */
    --fc-ink: #12181f;
    --fc-body: #545c68;
    --fc-body-2: #616974;
    --fc-prose: #454d59;
    --fc-muted: #69707c;
    --fc-faint: #6a6f77;
    --fc-nav-link: #5b636e;
    --fc-nav-caret: #8f959c;
    --fc-news-date: #72777c;

    /* Borders */
    --fc-border: #e6e6e1;
    --fc-border-2: #d8d8d2;
    --fc-input-border: #949490;

    /* Brand accents */
    --fc-amber: #f0a92b;
    --fc-amber-dark: #e09a1c;
    --fc-amber-ring: rgba(224, 154, 28, 0.45);
    --fc-link: #9a6408;
    --fc-green: #7fe0b6;
    /* Brand claret — sampled from the logo artwork (img/fc.png); pairs with
       the amber for the claret-and-amber identity. */
    --fc-brand: #7e1512;
    /* Ledger margin rule (the thin red rule of accounting paper) on cards. */
    --fc-rule: rgba(126, 21, 18, 0.26);
    /* Faint graph-grid on the page background — "calculation paper". */
    --fc-grid-line: rgba(18, 24, 31, 0.04);
    /* Pressed-key bottom edge on primary buttons. */
    --fc-btn-edge: rgba(18, 24, 31, 0.18);
    /* Text sitting on an amber background (buttons, CTA banner) — amber is
       the same in every theme, so this must not follow --fc-ink. */
    --fc-on-amber: #12181f;
    --fc-cta-sub: #57461b;

    /* Focus rings: default for the current page background, inverse for the
       always-dark ink surfaces (footer, results panel). */
    --fc-focus-ring: #12181f;
    --fc-focus-ring-inverse: #ffffff;

    /* Ink panels — surfaces that stay dark in every theme (results panel,
       footer, feature band, hero card). */
    --fc-panel-bg: #12181f;
    --fc-panel-border: transparent;
    --fc-panel-text: #ffffff;
    --fc-panel-muted: #79818b;
    --fc-panel-soft: #9aa0a8;
    --fc-panel-soft-2: #8a919b;
    --fc-panel-link: #c4c9d0;
    --fc-panel-empty: #7b8189;
    --fc-ink-2: #1e2732;
    --fc-ink-line: #242d38;

    /* Small always-dark tiles (logo mark, contact icons) */
    --fc-icon-tile: #12181f;
    --fc-logo-tile: #3b434f;
    --fc-logo-tile-2: #48525f;

    /* Chip behind the raster logo (img/fc.png): the artwork is dark maroon
       and needs a light background — invisible in light themes. */
    --fc-logo-chip: transparent;
    --fc-logo-chip-pad: 0px;

    /* High-contrast button (.fc-btn-dark, skip link) — flips per theme */
    --fc-contrast-bg: #12181f;
    --fc-contrast-text: #ffffff;
    --fc-contrast-hover: #000000;

    /* Status */
    --fc-danger: #c8452c;
    --fc-danger-ring: rgba(200, 69, 44, 0.4);
    --fc-warn-bg: #fff4e0;
    --fc-warn-border: #f3dca6;
    --fc-warn-text: #8a6414;
    --fc-success-bg: #e7f6ee;
    --fc-success-border: #b8e4cc;
    --fc-success-text: #1d6b43;
    --fc-error-bg: #fdeceb;
    --fc-error-border: #f3c2bc;
    --fc-error-text: #a03325;

    /* Shadows */
    --fc-shadow-dropdown: 0 20px 44px -20px rgba(18, 24, 31, 0.35);
    --fc-shadow-card-hover: 0 24px 48px -30px rgba(18, 24, 31, 0.4);
    --fc-shadow-news-hover: 0 20px 40px -28px rgba(18, 24, 31, 0.35);
    --fc-shadow-info-hover: 0 14px 40px -28px rgba(18, 24, 31, 0.5);
    --fc-shadow-hero: 0 30px 60px -30px rgba(18, 24, 31, 0.5);
    --fc-shadow-auth: 0 30px 60px -40px rgba(18, 24, 31, 0.4);

    /* Type */
    --fc-sans: "Space Grotesk", sans-serif;
    --fc-mono: "IBM Plex Mono", monospace;
}