/* ============================================================
   CASORO · COLOUR TOKENS
   "Golden" identity — Spanish gold + deep plum on warm paper.
   Pulled from the live casoro. website. Base ramps first,
   then semantic aliases.
   ============================================================ */
:root {
  /* ---- Brand · Gold (primary) ---- */
  --gold-300: #E9CE85;
  --gold-500: #D4A83A;   /* ★ primary brand colour (site gold) */
  --gold-700: #B0862A;   /* darker gold — hover / on-paper text */
  --gold-tint: #F5EBCE;  /* pale gold fill for badges/wash */

  /* ---- Brand · Plum (ink) ---- */
  --plum-300: #C7C0D6;   /* light lavender — muted on dark */
  --plum-500: #4A4062;
  --plum-700: #2E2745;
  --plum-900: #1D172C;   /* ★ primary text / dark surface */

  /* ---- Neutrals · warm ---- */
  --white:  #FFFFFF;
  --paper:  #F2F0E9;     /* default app/page surface */
  --cloud:  #E7E3DA;     /* sunken / track fill */
  --line:   #DDD9CF;     /* default borders, dividers */
  --line-subtle: #E9E6DE;/* hairline borders on cards */
  --muted:  #8A8680;     /* secondary text */
  --faint:  #A8A49A;     /* tertiary / eyebrow labels */
  --ink:    #1C1A17;     /* near-black body text */

  /* ---- Functional ---- */
  --success: #3E9B6C;
  --warning: #C97A1E;    /* nudged amber — distinct from brand gold */
  --error:   #D4533C;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components.
     ============================================================ */
  --brand:            var(--gold-500);
  --brand-hover:      var(--gold-700);
  --brand-wash:       var(--gold-tint);
  --on-brand:         var(--plum-900);   /* text/icons on gold */

  --surface-page:     var(--paper);
  --surface-card:     var(--white);
  --surface-sunken:   var(--cloud);
  --surface-dark:     var(--plum-900);
  --on-dark:          var(--white);
  --on-dark-muted:    #C7C0D6;

  --text-strong:      var(--plum-900);
  --text-body:        var(--ink);
  --text-muted:       var(--muted);
  --text-faint:       var(--faint);
  --text-on-brand:    var(--plum-900);

  --border-default:   var(--line);
  --border-subtle:    var(--line-subtle);
  --border-strong:    var(--plum-900);

  --focus-ring:       rgba(212, 168, 58, 0.45);  /* gold glow */

  --status-success:   var(--success);
  --status-warning:   var(--warning);
  --status-error:     var(--error);
}