/* ============================================================================
   theme.css — EcoDesign design tokens (Session FE-1.5)

   The single source of truth for the visual system AS IT ALREADY IS. Every
   value below already existed somewhere in the codebase before this file; this
   is a consolidation, not a redesign. Loaded first (via includes/head_meta.html)
   so every tier inherits the canonical tokens; existing per-file CSS that loads
   later still wins where it defines the same names, so behaviour is unchanged
   until each base's redundant :root block is retired.

   Two historical naming schemes are unified here:
     - in-app tier   : --primary-color / --secondary-color / --accent-color …
     - marketing tier: --eu-green-* / --ink / --line / --bg …
   Both are kept. The --eu-* names are canonical; the legacy names are aliased
   onto them so nothing has to change on a flag day.
   ============================================================================ */

:root {
    /* ---- Brand greens (canonical — from landing/legal) --------------------- */
    --eu-green-light:   #71c55d;  /* brand / primary */
    --eu-green-mid:     #55b03f;
    --eu-green-dark:    #4a9635;  /* AA-passing green for text on white */
    --eu-green-deepest: #2c5a3e;

    /* ---- Supporting brand hues -------------------------------------------- */
    --eu-blue:  #4F8EE1;  /* secondary (blue→green gradient partner) */
    --eu-olive: #9EC367;  /* accent */

    /* ---- Neutrals: in-app tier -------------------------------------------- */
    --eu-text:     #505050;
    --eu-light-bg: #f9f9f9;
    --eu-white:    #ffffff;

    /* ---- Neutrals: marketing tier (landing/legal) ------------------------- */
    --ink:       #1a202c;
    --ink-soft:  #374151;
    --ink-muted: #64748b;
    --line:      #e2e8f0;
    --line-soft: #f1f5f0;
    --bg:        #f7faf6;
    --card:      #ffffff;

    /* ---- Elevation -------------------------------------------------------- */
    --eu-shadow: 0 2px 10px rgba(0,0,0,0.1);

    /* ---- Signature gradients ---------------------------------------------- */
    --eu-gradient-primary: linear-gradient(135deg, var(--eu-blue), var(--eu-green-light));   /* blue→green header (base/admin) */
    --eu-gradient-green:   linear-gradient(135deg, var(--eu-green-light), var(--eu-green-mid)); /* green→green (research hub, credits) */

    /* ---- Radius scale (documents the two existing scales) ----------------- */
    --radius-sm:   4px;    /* core / in-app: flatter */
    --radius-md:   8px;
    --radius-lg:   12px;   /* cards, farmer */
    --radius-pill: 999px;  /* landing marketing pills */

    /* ---- Semantic (existing hexes) ---------------------------------------- */
    --eu-success: #55b03f;
    --eu-warning: #ff9800;
    --eu-danger:  #e74c3c;

    /* ---- Legacy aliases: in-app naming scheme ----------------------------- */
    /* Keep existing rules resolving so bases can retire their own :root
       blocks base-by-base without a flag day. */
    --primary-color:   var(--eu-green-light);
    --secondary-color: var(--eu-blue);
    --accent-color:    var(--eu-olive);
    --text-color:      var(--eu-text);
    --light-bg:        var(--eu-light-bg);
    --white:           var(--eu-white);
    --shadow:          var(--eu-shadow);
}