/*
Theme Name: Construction Rubi
Template: trd-base
Version: 1.0.0
Description: Construction Rubi (Laval / Grand Montréal residential renovation) child theme of trd-base. French (Québec) copy, dark ink + signal-gold brand system. Display: Barlow Condensed · Body: DM Sans.
Text Domain: construction-rubi
*/

/* ── Brand → trd-base token map ────────────────────────────────────────────
   trd-base ships green-primary / cream-surface defaults. Construction Rubi is
   a warm-beige surface with espresso-black anchors (hero/footer) and a single
   refined warm-gold accent. The brand's
   self-contained component CSS (assets/css/brand.css, ported from
   HTML/tokens.css + HTML/styles.css) drives the actual homepage rendering and
   consumes its own --rubi-* tokens; the map below realigns the *parent's*
   semantic tokens so any inherited trd-base chrome (modal, buttons, helpers)
   reads in-brand too. Resolved values are documented in DESIGN-SYSTEM.md.
   ────────────────────────────────────────────────────────────────────────── */
:root {
    /* Primary — warm espresso black (buttons, headings on beige, anchors) */
    --primary-900: #000000;   /* deepest */
    --primary-800: #181410;   /* hero overlay base, footer, anchor surfaces */
    --primary-700: #241e18;   /* secondary dark surfaces */
    --primary-600: #181410;   /* primary CTA bg (brand uses gold; ink fallback) */

    /* Accent — refined warm gold (CTAs, highlights, "gold" word spans) */
    --accent-500: #E0A11E;
    --accent-600: #CF8F18;
    --accent-700: #B97D14;

    /* Surface — warm beige page + cream card */
    --surface-50:  #F2EADC;   /* page canvas (warm beige) */
    --surface-100: #FBF6EE;   /* card (warm cream) */
    --surface-200: #ECE3D4;   /* divider / hover */
    --surface-300: #DDD0BB;   /* borders */

    /* Ink — warm text tones */
    --ink-900: #181410;       /* headings */
    --ink-800: #241e18;
    --ink-700: rgba(24, 20, 16, 0.82);  /* body */
    --ink-500: rgba(24, 20, 16, 0.50);  /* muted / captions */
    --ink-400: #B8AB95;       /* placeholders / inactive */

    /* Star / signal */
    --star: #E0A11E;

    /* Fonts — match HTML export (self-hosted, registered in brand.css) */
    --font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
    --font-body:    "DM Sans", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;

    /* Shadow rgba — re-tuned for ink-black primary (parent's were green-tinted) */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.10);
    --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.18);
}

/* Parent paints body with surface-100; Construction Rubi wants the warm beige
   canvas (surface-50) as page background. Component CSS lives in brand.css. */
body {
    background: var(--surface-50);
    color: var(--ink-700);
}