/* Shared design tokens — single source of truth for the brand palette,
   corner radii and type scale. Linked by index.html and every auth page
   (login / signup / verify-otp / forgot-password / reset-password)
   ahead of the page's own stylesheet. */

:root {
    --primary: #1A1A1A;        /* dark charcoal - heading text */
    --secondary: #F5F3EA;      /* cream - section backgrounds */
    --accent: #C99A3B;         /* gold/mustard - buttons, highlights, icons */
    --text: #5A5A57;           /* medium gray - body text */
    --border: #E4E1D6;         /* thin warm gray border */
    --hover: #A87F2E;          /* darker gold - button hover */
    --red: #E8392A;            /* primary red - brand/accent */
    --footer: #1C1C1A;         /* near-black - footer bg */
    --gold-pale: rgba(201, 154, 59, 0.12);  /* soft icon-badge fill */
    --green: #27ae60;
    --orange: #f39c12;
    --radius: 12px;            /* card / section corner radius */
    --radius-sm: 8px;          /* input / small control radius */
}