/* ============================================================
   Brand color tokens — SINGLE SOURCE OF TRUTH (#xd20)
   Loaded on every screen via base.html + login.html + register.html.

   Pairing rule (the only thing to remember):
     • component background #27272a  → text/icon is yellow (#eab308)
     • component background #eab308   → text/icon is #27272a
   Change a value here and every button/component re-themes everywhere.
   ============================================================ */
:root {
    /* Key ("black") brand surface for components + its hover */
    --brand-key: #27272a;
    --brand-key-hover: #34343b;

    /* Accent (yellow) is defined as --brand-yellow / --brand-yellow-hover
       in base.css and login.css; kept there so existing rules keep working. */

    /* Interactive-component text/icon pairing */
    --on-accent: #27272a;   /* text & icon placed ON a yellow surface */
    --on-key: #eab308;      /* text & icon placed ON a #27272a surface */
}