/* ------------------------------------------------------------------
   Rapid — Color tokens
   Base palette + semantic aliases. Dark hero, light content.
------------------------------------------------------------------- */

:root {
  /* --- Brand --- */
  --brand-primary: #2E79F9;   /* Rapid blue — primary actions, accents */
  --brand-navy: #05044F;      /* navbar / CTA base, deep brand navy    */
  --brand-violet: #4C1BFF;    /* gradient partner to brand blue        */
  --brand-cyan: #46DDFF;      /* gradient text highlight               */
  --brand-blue-300: #499CF7;  /* mid stop of text gradient             */

  /* --- Dark surfaces (hero / footer / navy panels) --- */
  --ink-900: #0A090D;         /* deepest background                    */
  --ink-800: #131415;         /* raised dark surface                   */
  --ink-700: #1A1822;         /* dark card / elevated                  */

  /* --- Light surfaces (content) --- */
  --surface-0: #FFFFFF;       /* page / card white                     */
  --surface-1: #F5F7FB;       /* tinted section background (most used) */
  --surface-2: #F4F4F4;       /* neutral gray fill                     */
  --surface-tint: #F6FBFF;    /* faint blue tint                       */
  --chip-blue: #EAF2FE;       /* numbered rank chips                   */
  --tab-active: #DCE9FB;      /* active product tab                    */
  --tab-inactive: #F1F3F6;    /* inactive product tab                  */

  /* --- Text --- */
  --text-strong: #121111;     /* headings / high emphasis on light     */
  --text-secondary: #444444;  /* body / secondary on light             */
  --text-muted: #CFCFCF;      /* muted / disabled                      */
  --text-on-dark: #FFFFFF;    /* text over dark surfaces               */
  --text-on-dark-soft: rgba(255,255,255,0.64); /* secondary on dark    */

  /* --- Lines / borders --- */
  --border-light: rgba(18,17,17,0.10);
  --border-dark: rgba(255,255,255,0.10);

  /* --- Semantic aliases --- */
  --bg-page: var(--surface-0);
  --bg-section: var(--surface-1);
  --bg-hero: var(--ink-900);
  --surface-card: var(--surface-0);
  --surface-card-dark: var(--ink-700);
  --text-body: var(--text-secondary);
  --text-heading: var(--text-strong);
  --accent: var(--brand-primary);

  /* --- Status --- */
  --success: #16B981;
  --warning: #F5A524;
  --danger: #F31260;
  --info: var(--brand-primary);
}