/*
Theme Name: Refait Toit
Template: trd-base
Version: 1.0.1
Description: Refait Toit (Québec roofing) child theme of trd-base. French (Québec) copy, dark + cyan brand system.
Text Domain: refait-toit
*/

/* ── Brand → trd-base token map ────────────────────────────────────────────
   trd-base ships green-primary / cream-surface defaults. Refait Toit pairs a
   deep ink-black with electric cyan over a cool canvas. Every override below
   sources from the brand's design tokens (HTML/tokens.css). Untouched
   trd-base tokens (radii, shadows, durations) inherit the parent.
   ────────────────────────────────────────────────────────────────────────── */
:root {
    /* Primary — brand ink black (used for buttons, headings on light) */
    --primary-900: rgb(4, 4, 4);            /* deepest — final CTA gradient terminus */
    --primary-800: rgb(14, 14, 14);         /* hero overlay base, footer */
    --primary-700: rgb(33, 39, 41);         /* secondary dark surfaces */
    --primary-600: rgb(42, 42, 40);         /* primary CTA bg, body strong */

    /* Accent — electric cyan */
    --accent-500: rgb(33, 188, 255);
    --accent-600: rgb(26, 160, 252);
    --accent-700: rgb(20, 130, 215);

    /* Surface — cool canvas + stone */
    --surface-50: rgb(243, 244, 248);       /* page canvas */
    --surface-100: rgb(250, 250, 249);      /* card */
    --surface-200: rgb(237, 238, 240);      /* divider/hover */
    --surface-300: rgb(225, 226, 226);      /* borders */

    /* Ink — text tones */
    --ink-900: rgb(14, 14, 14);             /* headings */
    --ink-800: rgb(26, 26, 26);
    --ink-700: rgb(15, 14, 14);             /* body */
    --ink-500: rgb(96, 92, 82);             /* muted / captions */
    --ink-400: rgb(124, 124, 124);          /* placeholders */

    /* Star / signal */
    --star: rgb(255, 157, 0);

    /* Fonts — match HTML export: Inter Tight (display+UI) / Inter (body) */
    --font-display: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

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

/* ── Theme body recolour — parent paints body w/ surface-100 (cream); Refait
   Toit needs the cool canvas (surface-50) to read as "page background". ── */
body {
    background: var(--surface-50);
    color: var(--ink-700);
}