/* Masters Design System — Color tokens
   The classic navy-and-gray pairing of an established international firm.
   Gray is a signal of prestige, used sparingly against a warm ivory base. */
:root {
  /* ---- Brand palette (base) ---- */
  --masters-navy:        #004653; /* Primary   — institutional trust (deep teal) */
  --masters-slate:       #646363; /* Secondary — supporting structure */
  --masters-gray:        #646363; /* Accent    — same gray, used sparingly for emphasis */
  --masters-ivory:       #DFDED4; /* Background — warm greige base */
  --masters-white:       #FFFFFF; /* Surface */
  --masters-ink:         #1A1A1A; /* Text */
  --masters-border:      #D3D1C4; /* Hairline border */

  /* ---- Navy ramp (derived) ---- */
  --navy-900: #00262E;
  --navy-800: #004653;
  --navy-700: #045A6A;
  --navy-600: #256E7C;
  --navy-500: #646363;

  /* ---- Gray ramp (formerly gold, derived) ---- */
  --gray-700: #4A4A4A;
  --gray-600: #646363;
  --gray-500: #837F7F;
  --gray-300: #C4C2C2;
  --gray-100: #E8E7E7;


  /* ---- Ivory / neutral ramp ---- */
  --ivory-50:  #FAF9F5;
  --ivory-100: #DFDED4;
  --ivory-200: #D3D1C4;
  --ivory-300: #C4C2B2;
  --ivory-400: #A8A697;
  --ivory-500: #646363;

  /* ---- Semantic status ---- */
  --status-success: #2E7D5B;
  --status-warning: #B98900;
  --status-error:   #A13D3D;
  --status-success-soft: #E3EFE9;
  --status-warning-soft: #F5ECD6;
  --status-error-soft:   #F1E1E1;

  /* ---- Semantic aliases (use these in components) ---- */
  --color-primary:        var(--masters-navy);
  --color-primary-hover:  var(--navy-700);
  --color-primary-press:  var(--navy-900);
  --color-secondary:      var(--masters-slate);
  --color-accent:         var(--masters-gray);
  --color-accent-hover:   var(--gray-700);

  --bg-page:              var(--masters-ivory);
  --bg-page-alt:          var(--ivory-200);
  --surface-card:         var(--masters-white);
  --surface-raised:       var(--masters-white);
  --surface-inverse:      var(--masters-navy);
  --surface-sunken:       var(--ivory-100);

  --text-primary:         var(--masters-ink);
  --text-secondary:       var(--masters-slate);
  --text-muted:           var(--ivory-500);
  --text-on-navy:         var(--ivory-100);
  --text-on-navy-muted:   #A9B4C2;
  --text-accent:          var(--gray-700);
  --text-link:            var(--masters-navy);
  --text-link-hover:      var(--gray-700);

  --border-hairline:      var(--masters-border);
  --border-strong:        var(--ivory-400);
  --border-accent:        var(--masters-gray);
  --border-on-navy:       rgba(255,255,255,0.14);

  --focus-ring:           var(--masters-gray);
}