/* ============================================================
   Intensity Hoops — Design Tokens
   Brand: Black · Royal Blue · White
   ============================================================ */

/* "00-" prefix is deliberate, not a typo: Helix Ultimate's addCustomCSS()
   (plugins/system/helixultimate/helixultimate.php, calling
   HelixUltimate::addCustomAssets('css')) scans this directory fresh on
   every page load via Joomla's Folder::files() and <link>s each .css file
   in the order that returns — alphabetical on this server, no DB field or
   cached list involved. Every other file here consumes the tokens defined
   below via var(), so this one has to load, and be parsed, first. "00-"
   guarantees that regardless of what else gets added to this folder later.
   (Every var() reference elsewhere also carries its own inline fallback
   matching these values, as defense in depth — but don't rely on that
   instead of keeping this file first; the fallback path exists for
   resilience, not as a substitute for correct load order.) */

:root {
    /* Typography */
    --font-heading: "Oswald", sans-serif;
    --font-menu:    "Bebas Neue", sans-serif;
    --font-body:    "Inter", sans-serif;
    --font-ui:      "Inter", sans-serif;

    /* Brand — pulled from logo */
    --brand-primary:      #1272ba;              /* Intensity Blue (logo exact) */
    --brand-primary-rgb:  18, 114, 186;         /* same, as r,g,b triplet for rgba() use */
    --brand-primary-dark: #0d5a96;              /* hover / pressed */
    --brand-primary-light:#2e8fd4;              /* highlights, glows */
    --brand-primary-tint: rgba(18, 114, 186, 0.15);

    /* Pure black/white — used verbatim across section CSS for shadows,
       borders, and text-on-dark; kept as tokens so it's a single source. */
    --white:     #ffffff;
    --white-rgb: 255, 255, 255;
    --black:     #000000;
    --black-rgb: 0, 0, 0;

    /* Navy — reused directly (gradients, card accents) beyond just the topbar */
    --navy: #0b1f4b;

    /* Composite patterns reused verbatim across the navy-gradient blocks
       (.ih-cta, .mv-vision, .team-culture, .story-tile-quote) */
    --gradient-navy-blue: linear-gradient(135deg, var(--navy) 0%, var(--brand-primary) 100%);
    --texture-diagonal: repeating-linear-gradient(
        -45deg,
        rgba(var(--white-rgb), 0.025) 0px,
        rgba(var(--white-rgb), 0.025) 1px,
        transparent 1px,
        transparent 12px
    );

    /* Link states */
    --link:        #2e8fd4;                     /* lighter blue — readable on dark bg */
    --link-hover:  #4da6e8;
    --link-active: #1272ba;

    /* Base palette — dark theme */
    --bg:        #111111;                       /* near-black (logo ribbon) */
    --bg-rgb:    17, 17, 17;
    --surface:   #1c1c1c;                       /* cards, panels */
    --surface-2: #262626;                       /* raised elements */
    --surface-3: #333333;                       /* subtle dividers */
    --border:    rgba(18, 114, 186, 0.25);      /* blue-tinted border */
    --border-subtle: rgba(255, 255, 255, 0.08);

    /* Text */
    --text:       #ffffff;                      /* white — headings, emphasis */
    --text-body:  #e0e0e0;                      /* body copy */
    --text-muted: #a0a0a0;                      /* secondary labels */
    --text-faint: #666666;                      /* placeholders, disabled */

    /* Silver — from logo outer stroke */
    --silver:     #c4c4c4;

    /* Template chrome */
    --topbar-bg:   var(--navy);           /* Deep Navy */
    --topbar-text: #c5c5c5;
    --header-bg:   #111111;
    --menu-text:   #ffffff;               /* mega menu top-level item, default state */
    --menu-dropdown-bg: #1c1c1c;          /* mega menu dropdown card background */

    --footer-bg:   #0a0a0a;
    --footer-text: #e0e0e0;
    --footer-link: #a0a0a0;

    --page-title-bg: #0a0a0a;

    /* Danger/error state — used identically by both ConvertForms themes */
    --danger:       #c0392b;
    --danger-rgb:   192, 57, 43;
    --danger-light: #f87171;
}


/* styles moved to base.css */