/*
 * QuantLease Marketing — Design Tokens
 * ─────────────────────────────────────
 * Single source of truth for marketing's color/radius/shadow tokens.
 * Every other marketing stylesheet consumes these via var(--token-name) —
 * none of them should define their own :root color block.
 *
 * Values must match the core app's palette:
 *   - light/dark base-100/200/300, base-content, primary, secondary,
 *     success, warning, error come from the DaisyUI theme in
 *     /tailwind.config.cjs (`daisyui.themes[0].light` / `.dark`).
 *   - Checked automatically by scripts/check_design_tokens.js
 *     (`npm run verify:tokens`). If you change a color here, either update
 *     tailwind.config.cjs too (if it's meant to match the core app) or
 *     confirm the check script's mapping still reflects intent.
 *
 * Load this file FIRST, before any other marketing stylesheet.
 */

:root {
    /* Backgrounds */
    --bg-main: #FAFAF8;
    --bg-secondary: #FFFFFF;
    --bg-tertiary: #F0EDE4;

    /* Text */
    --text-primary: #14161A;
    --text-secondary: #5B5F66;
    --text-tertiary: #9A9D9F;

    /* Brand */
    --primary: #0C294A;
    --primary-hover: #011C3C;
    --primary-glow: rgba(12, 41, 74, 0.1);
    --accent: #0C294A;

    /* Decorative-only accent for small isolated marketing flourishes (e.g.
       the hero's italic accent word) where --primary reads too close to
       --text-primary's near-black to register as "navy" on its own. Not
       part of the core app's palette/sidebar — deliberately excluded from
       scripts/check_design_tokens.cjs's MAPPING, and not used anywhere
       else. Same value in both themes (matches dark's --primary, which
       already reads clearly against dark backgrounds). */
    --accent-vivid: #295CA5;

    /* Status */
    --success: #2F6B4F;
    --warning: #8A6A2F;
    --error: #8C3B2E;

    /* Borders / glass */
    --border: #E4E1D9;
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(228, 225, 217, 0.6);
    --glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);

    /* Radius scale — tightened to match the core app's shipped 6px
       (0.375rem) DaisyUI radius, not the original 8-12px spec draft. */
    --radius-lg: 8px;
    --radius-md: 6px;
    --radius-sm: 4px;

    /* Motion */
    --ease-out-spring: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] {
    --bg-main: #0A0F17;
    --bg-secondary: #111720;
    --bg-tertiary: #181F29;

    --text-primary: #EDEBE5;
    --text-secondary: #9A9D9F;
    --text-tertiary: #6B6E70;

    --primary: #295CA5;
    --primary-hover: #4074BF;
    --primary-glow: rgba(41, 92, 165, 0.35);
    --accent: #295CA5;

    --success: #5FA382;
    --warning: #C99A52;
    --error: #C2695A;

    --border: rgba(255, 255, 255, 0.12);
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.12);
    --glass-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}