/* ─── Brava Marketing — Color Tokens ────────────────────────────────────────── */

:root {
  /* ── Brand Primaries ── */
  --color-red:           #E8201A;   /* Brava signature red */
  --color-red-dark:      #C01710;   /* Hover / pressed state */
  --color-red-light:     #FF3D36;   /* Lighter variant */
  --color-red-pale:      #FDE8E7;   /* Tint background */

  /* ── Brand Neutrals ── */
  --color-black:         #0A0A0A;   /* Near-black primary */
  --color-gray-900:      #1A1A1A;
  --color-gray-800:      #2D2D2D;
  --color-gray-700:      #444444;
  --color-gray-600:      #666666;
  --color-gray-500:      #888888;
  --color-gray-400:      #AAAAAA;
  --color-gray-300:      #CCCCCC;
  --color-gray-200:      #E5E5E5;
  --color-gray-100:      #F5F5F5;
  --color-white:         #FFFFFF;

  /* ── Brand Accent: Gold / Orange ── */
  --color-gold:          #F5A623;   /* Gold logo variant */
  --color-orange:        #F28218;   /* Deep orange variant */
  --color-orange-dark:   #C96A0E;

  /* ── Semantic ── */
  --color-success:       #1D8A4E;
  --color-warning:       #F5A623;
  --color-error:         #E8201A;
  --color-info:          #1A6EB5;

  /* ── Surface & Text ── */
  --surface-bg:          var(--color-white);
  --surface-card:        var(--color-white);
  --surface-dark:        var(--color-black);
  --surface-muted:       var(--color-gray-100);

  --text-primary:        var(--color-black);
  --text-secondary:      var(--color-gray-600);
  --text-muted:          var(--color-gray-400);
  --text-inverse:        var(--color-white);
  --text-accent:         var(--color-red);

  /* ── Border ── */
  --border-subtle:       var(--color-gray-200);
  --border-default:      var(--color-gray-300);
  --border-strong:       var(--color-gray-700);
}