/* www/brand.css — F4.C2 design tokens.
 *
 * Single source of truth for every brand-related colour, radius, and
 * font choice across the www site. Loaded by every www/*.html page
 * before styles.css so cascading works (T4.C2.2). The :root custom
 * properties below are consumed by styles.css and pricing.css; literal
 * hex values are forbidden in those two files (BR4.C2.1 +
 * tests/check-brand-assets.sh).
 *
 * The token structure mirrors `requirements/launch/r1/features/F4-brand-pass.md`
 * §F4.C2.1; the dawn / night palette stops are F4-specific additions for
 * the sunrise gradient at the bottom of the homepage and the pricing
 * page background. Email templates inline these hex values literally
 * (BR4.C3.4): keep --brand-accent byte-for-byte stable or update
 * `ansible/roles/keycloak/templates/email/*.html.j2` and
 * `panel/go/internal/support/templates/email/autoresponder.html.tmpl`
 * in the same commit.
 *
 * Cache-bust: bump the `?v=N` query in every `<link rel="stylesheet"
 * href="brand.css?v=N">` reference whenever a token changes.
 */

:root {
    /* Brand accent — the amber from the logo mark and CTA accents. */
    --brand-accent: #fbbf24;
    --brand-accent-dark: #b88708;

    /* Backgrounds. */
    --brand-bg-page: #0b0d17;
    --brand-bg-card: #11141f;

    /* Foregrounds (text). */
    --brand-fg-primary: #f7f8fb;
    --brand-fg-secondary: #c8cdd6;
    --brand-fg-muted: #7b8194;

    /* Hyperlink. */
    --brand-link: #fbbf24;

    /* Status colours. */
    --brand-success: #34d399;
    --brand-warning: #f59e0b;
    --brand-error: #ef4444;

    /* Radii. */
    --brand-radius-card: 12px;
    --brand-radius-pill: 9999px;

    /* Type stack. The same fallback chain Apple / Microsoft / Google
       all suggest for system UI. */
    --brand-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
                         system-ui, "SF Pro Text", Roboto, Helvetica,
                         Arial, sans-serif;
    --brand-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
                       Consolas, monospace;

    /* --- F4 additions to the spec table --------------------------- */

    /* Night-to-horizon palette stops, used by the gradient
       backgrounds (.features, .mission, .cta, .pricing-page,
       .sunrise). The progression is night ▸ deep-violet ▸ rust-red ▸
       amber, the sky-at-dawn sweep. */
    --brand-night-1: #0b0d17;   /* same as --brand-bg-page */
    --brand-night-2: #10122a;
    --brand-night-3: #1e1040;
    --brand-violet:  #3d1a42;
    --brand-rust:    #7c2d12;
    --brand-dawn-1:  #b45309;
    --brand-dawn-2:  #d97706;
    --brand-dawn-3:  #f59e0b;   /* same as --brand-warning */
    --brand-dawn-4:  #fbbf24;   /* same as --brand-accent */

    /* Soft white — the on-rust CTA fill where pure white would clip. */
    --brand-fg-on-warm: #ffffff;
}