/*
Theme Name: J.E Revêtement
Template: trd-base
Version: 1.0.0
Description: J.E Revêtement child theme of trd-base. Maps the brand design system (HTML/design-system.css) onto trd-base tokens and enqueues the je-* component layer for templates ported from the JSX/HTML mockups.
Text Domain: je-revetement
*/

/* ── Brand token overrides ─────────────────────────────────────────────────
   Maps the J.E. design system (navy + bright blue, light-grey surfaces,
   Axiforma type) onto the trd-base parent token scales. Anything not
   overridden here inherits trd-base/assets/css/theme.css :root.
   The full je-* design system is loaded separately via /css/design-system.css
   (enqueued in functions.php) so .je-btn / .je-hero / .je-card classes
   used in the page mockups work as-is.
   ────────────────────────────────────────────────────────────────────────── */
:root {
    /* Primary — navy → bright blue (buttons, links, dark surfaces) */
    --primary-900: #021A70;   /* je-color-navy   — deepest brand */
    --primary-800: #03249A;   /* je-color-navy-3 — gradient mid */
    --primary-700: #0080FF;   /* je-color-blue   — primary action */
    --primary-600: #006EE0;   /* je-color-blue-hover */

    /* Accent — light blue highlight */
    --accent-500: #A6DEFF;    /* je-color-blue-light */
    --accent-600: #7FCAFC;
    --accent-700: #4FAEEE;

    /* Surface — light cool greys (page = #EAEAEA, cards = white) */
    --surface-50:  #EAEAEA;   /* je-color-bg      */
    --surface-100: #FFFFFF;   /* je-color-surface */
    --surface-200: #F2F3F8;   /* navy 04 tint, flat */
    --surface-300: #E8EBF4;   /* navy 06 tint, flat */

    /* Ink — neutral cool greys */
    --ink-900: #0A0A0A;
    --ink-800: #111111;       /* je-color-ink */
    --ink-700: #3A3A3A;
    --ink-500: #666666;       /* je-color-ink-muted */
    --ink-400: #AEAEAE;       /* je-color-ink-soft */

    /* Fonts — Axiforma display+body, Cormorant Garamond serif */
    --font-display: "Axiforma", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body:    "Axiforma", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-serif:   "Cormorant Garamond", Georgia, serif;

    /* Shadows — re-tinted from primary-900 (#021A70) for proper contrast */
    --shadow-xs: 0 1px 2px rgba(2, 26, 112, 0.06);
    --shadow-sm: 0 4px 12px rgba(2, 26, 112, 0.08);
    --shadow-md: 0 8px 16px -4px rgba(2, 26, 112, 0.18);
    --shadow-lg: 0 16px 40px -12px rgba(2, 26, 112, 0.20);
}

/* ── Brand-specific component overrides ──────────────────────────────────── */
/* Add here only if a parent .trd-* component needs JE-specific tweaks beyond
   what the token swap alone produces. Most JE-styled sections will use the
   .je-* classes from /css/design-system.css instead. */