/* Barid Express — Color tokens
 * Brand DNA: deep petrol teal + metallic gold. Premium, trustworthy, international.
 */
:root {
  /* ---- Petrol / Teal scale (the brand's signature dark) ---- */
  --teal-900: #08272D; /* deepest — footers, ink on gold */
  --teal-800: #0E3A42; /* PRIMARY brand surface (logo background) */
  --teal-700: #154A54;
  --teal-600: #1E5B66;
  --teal-500: #2A6F7B;
  --teal-100: #D5E2E4; /* tint for subtle fills on light */

  /* ---- Gold scale (metallic accent) ---- */
  --gold-700: #8A6D12; /* shadow gold */
  --gold-600: #B0901C; /* matte gold (business-card text fill) */
  --gold-500: #C9A227; /* BASE gold — solid accent */
  --gold-400: #DDB94A;
  --gold-300: #ECCB6E; /* highlight gold */
  --gold-200: #F6E3AF; /* pale gold tint */

  /* ---- Neutrals (warm-leaning) ---- */
  --white:   #FFFFFF;
  --cream:   #FBF7EC; /* warm off-white surface */
  --sand:    #F0E8D5; /* slightly deeper cream */
  --ink:     #08272D; /* = teal-900, primary text on light */
  --gray-500:#6B7B7E; /* muted text on light */
  --gray-300:#B9C4C5;

  /* ---- Metallic gold gradients (foil emulation) ---- */
  --grad-gold: linear-gradient(180deg, #F1D789 0%, #D7B244 22%, #B0901C 50%, #9A7C18 60%, #DCBB58 82%, #F1D789 100%); /* @kind color */
  --grad-gold-soft: linear-gradient(135deg, #DDB94A 0%, #C9A227 50%, #A98517 100%); /* @kind color */
  --grad-teal: linear-gradient(160deg, #154A54 0%, #0E3A42 60%, #08272D 100%); /* @kind color */

  /* ---- Semantic aliases ---- */
  --surface-base:    var(--teal-800);  /* default dark canvas */
  --surface-deep:    var(--teal-900);
  --surface-card:    var(--white);
  --surface-cream:   var(--cream);
  --surface-gold:    var(--gold-500);

  --text-on-dark:    var(--cream);      /* body text on teal */
  --text-on-dark-mut:#A9BFC2;
  --text-on-light:   var(--ink);
  --text-on-light-mut: var(--gray-500);
  --text-on-gold:    var(--teal-900);   /* ink on gold surfaces */
  --text-accent:     var(--gold-500);   /* gold text on dark */

  --accent:          var(--gold-500);
  --accent-strong:   var(--gold-600);
  --accent-bright:   var(--gold-300);

  --border-gold:     var(--gold-500);
  --border-gold-soft:rgba(201,162,39,0.35);
  --border-on-dark:  rgba(236,203,110,0.22);
  --border-on-light: rgba(8,39,45,0.12);

  --focus-ring:      rgba(201,162,39,0.55);
}