/*
 * Dragon Giveaways design tokens — the single source of truth for every
 * brand color, loaded first (ahead of theme.css and each app's own
 * site.css) in both `frontend` and `backend` via common\assets\ThemeAsset.
 * Nothing else may redeclare any of these in a :root block — a component
 * that needs a one-off tint should derive it with color-mix() from a
 * token here, not hardcode or shadow the token itself. That's what used
 * to let frontend's site.css quietly redefine --dg-secondary to a
 * completely different color behind theme.css's back (see the PROMPTUL 18
 * audit note below).
 *
 * Both the primary (green) and secondary (teal) families use the same
 * green/teal identity the public site already carries — not the
 * gold/navy theme.css shipped with originally — so the admin panel (which
 * reads these same tokens for its own sidebar/topbar/buttons) now matches
 * the site's real brand instead of drifting from it.
 *
 * Contrast ratios (WCAG 2.1: 4.5:1 normal text, 3:1 large text/graphical
 * objects/focus indicators) are computed against the two surfaces this
 * app actually paints: white (#ffffff) and the page background
 * (#f5f9fd, frontend's --bg-color-sec). See README.md's "Design — paletă
 * de culori și contrast" section for the full table.
 */
:root {
    /* Primary: the site's brand green — calls to action, active/selected
       states, and anywhere Bootstrap's own "primary" role is re-skinned.
       --dg-primary itself is the AA-safe shade (5.0:1 on white, 4.7:1 on
       #f5f9fd — safe as both a text color and as a button fill under
       white text); --dg-primary-dark is strictly darker, for hover/active
       states, so a button can only ever gain contrast on hover, never
       lose it. --brand-green is the brighter original green, kept
       separately for decorative/non-text use and large text (24px+, or
       bold 18.66px+) where the relaxed 3:1 minimum applies and the
       brighter tone reads better (headings, icon strokes, borders). */
    --dg-primary: #15803D;
    --dg-primary-dark: #116631;
    --dg-on-primary: #ffffff;
    --brand-green: #1D8C39;

    /* A brighter green tint, specifically for green-as-accent-text printed
       directly on the dark teal chrome below (e.g. BrandLogo's accent
       word on .login-brand-panel) — --dg-primary itself is tuned for
       light backgrounds and reads too dark/muddy against --dg-secondary
       (2.5:1); this reads at 5.0:1+ against it instead. Not meant for use
       on light backgrounds — see --brand-green/--brand-green-text for
       those. */
    --brand-green-on-dark: #6CB47E;

    /* Secondary: the site's deep teal — dark chrome (admin sidebar,
       login/hero panels) and anything printed on top of it. */
    --dg-secondary: #0E3A38;
    --dg-secondary-light: #1E6F63;
    --dg-secondary-lighter: #347D73;
    --dg-on-secondary: #ffffff;

    /* Light-context tokens (PROMPTUL 18) — anything printed on a white or
       near-white surface (the frontend's default page background) uses
       one of these, never --dg-on-secondary/white meant for dark chrome. */
    --text-on-light: #08110B;
    --text-on-light-muted: #5B6360;
    --brand-green-text: #15803D;
    --surface-light: #F1F3F2;
    --border-light: #D5D9D7;
}