/* Path Architects — Color System
   ------------------------------------------------------------------
   Authority through restraint: a deep architectural navy, a single
   gold accent reserved for the "engineered advantage", and a warm
   paper canvas. Treat the page like a sheet of drafting paper. */

:root {
  /* ---- Brand core (sampled from the logo) ---- */
  --navy-900: #0B2238;   /* deepest ink — headers on paper */
  --navy-800: #0F2E4A;
  --navy-700: #133A5E;   /* PRIMARY brand navy (logo mark) */
  --navy-600: #1E4E78;
  --navy-500: #2E5E86;   /* interactive navy */
  --navy-400: #5C84A6;
  --navy-300: #94B0C8;
  --navy-200: #C3D3DF;
  --navy-100: #E2EAF0;

  --gold-700: #8E6F3E;
  --gold-600: #A8854E;   /* gold on light (AA-safe for large/heavy) */
  --gold-500: #C4A268;   /* PRIMARY brand gold (logo accent) */
  --gold-400: #D4B988;
  --gold-300: #E3CFA6;
  --gold-200: #EFE2C7;
  --gold-100: #F6EEDD;

  /* ---- Paper / neutral canvas (warm) ---- */
  --paper-0:  #FFFFFF;   /* pure card surface */
  --paper-50: #FBFAF6;   /* lightest paper */
  --paper-100:#F6F4EC;   /* DEFAULT page canvas */
  --paper-200:#EFEBDF;   /* sunken panel */
  --paper-300:#E5E0D1;   /* hairline fills */
  --ink-line: #D9D3C4;   /* blueprint hairline / borders */
  --ink-line-strong: #C2BBA8;

  /* ---- Greys (cool, for text on paper) ---- */
  --grey-900: #1B2733;
  --grey-700: #3E4A57;
  --grey-500: #66707B;
  --grey-400: #8A929B;
  --grey-300: #B4BAC1;

  /* ---- Semantic status ---- */
  --success-600:#2F6B4F;
  --success-100:#E3EFE8;
  --warning-600:#9A6B1E;
  --warning-100:#F6EBD6;
  --danger-600: #9E3B36;
  --danger-100: #F4E2E0;

  /* ===== Semantic aliases — reference these in components ===== */
  --bg-canvas:        var(--paper-100);
  --bg-canvas-alt:    var(--paper-50);
  --bg-sunken:        var(--paper-200);
  --surface-card:     var(--paper-0);
  --surface-raised:   var(--paper-50);
  --surface-inverse:  var(--navy-900);

  --text-primary:     var(--navy-900);
  --text-secondary:   var(--grey-700);
  --text-muted:       var(--grey-500);
  --text-on-navy:     var(--paper-50);
  --text-on-gold:     var(--navy-900);
  --text-accent:      var(--gold-700);

  --border-hairline:  var(--ink-line);
  --border-strong:    var(--ink-line-strong);
  --border-navy:      var(--navy-700);
  --border-focus:     var(--navy-500);

  --accent:           var(--gold-500);
  --accent-strong:    var(--gold-600);
  --accent-tint:      var(--gold-100);

  --brand-navy:       var(--navy-700);
  --brand-gold:       var(--gold-500);
}