/* SCHEELEN® — Color system
   Sourced from the official brand palette + corporate-design screenshots.
   Base scales first, then semantic aliases. */

:root {
  /* ---- Orange (primary accent / CTA) ---- */
  --orange-400: #FBA536;
  --orange-500: #F18A00;   /* brand orange */
  --orange-600: #D87B00;   /* hover / press */
  --orange-700: #B86700;

  /* ---- Navy (deep brand blue) ---- */
  --navy-500: #2B4576;
  --navy-600: #244067;
  --navy-700: #1D3560;     /* brand navy — footer, quote text */
  --navy-800: #15264A;

  /* ---- Slate blue (secondary) ---- */
  --slate-200: #C2D0DA;
  --slate-300: #9DB1C2;    /* dusty-blue panel */
  --slate-400: #8AA3B5;
  --slate-500: #7B97AA;    /* brand slate — muted buttons */
  --slate-600: #5E7B8E;    /* hover / press */

  /* ---- Neutral gray ---- */
  --gray-300: #C9CCCB;
  --gray-400: #A7ABAA;
  --gray-500: #858988;     /* brand gray — logo, captions */
  --gray-600: #6B6F6E;

  /* ---- Ink (charcoal green-gray — the signature dark) ---- */
  --ink-900: #262B2A;      /* deepest section / near-black */
  --ink-800: #2F3634;
  --ink-700: #3E4543;      /* primary dark canvas */
  --ink-600: #4F5755;
  --ink-500: #5E6664;

  /* ---- Paper / light ---- */
  --white:     #FFFFFF;
  --paper-100: #F4F5F5;    /* off-white surface */
  --paper-200: #E7E9E9;
  --paper-300: #D7DAD9;

  /* ========== SEMANTIC ALIASES ========== */

  /* Backgrounds */
  --bg-canvas:     var(--ink-700);   /* default dark page/slide */
  --bg-deep:       var(--ink-900);   /* deepest contrast band */
  --bg-navy:       var(--navy-700);  /* footer / newsletter band */
  --bg-slate:      var(--slate-300); /* dusty-blue feature band */

  /* Surfaces */
  --surface-card:  var(--white);     /* white cards (square corners) */
  --surface-muted: var(--paper-100);
  --surface-accent:var(--orange-500);/* orange feature panel */

  /* Brand */
  --brand-accent:        var(--orange-500);
  --brand-accent-hover:  var(--orange-600);
  --brand-navy:          var(--navy-700);
  --brand-slate:         var(--slate-500);
  --brand-slate-hover:   var(--slate-600);

  /* Text on DARK surfaces */
  --text-on-dark:        #FFFFFF;
  --text-on-dark-muted:  rgba(255, 255, 255, 0.74);
  --text-on-dark-faint:  rgba(255, 255, 255, 0.52);

  /* Text on LIGHT surfaces */
  --text-heading:        var(--ink-700);
  --text-body:           var(--ink-600);
  --text-muted:          var(--gray-500);
  --text-quote:          var(--navy-700);   /* testimonials */

  /* Accents */
  --eyebrow:             var(--orange-500);  /* kicker label */
  --link:                var(--orange-500);

  /* Borders & lines */
  --border-on-dark:      rgba(255, 255, 255, 0.16);
  --border-on-light:     rgba(38, 43, 42, 0.12);
  --rule-accent:         var(--orange-500);  /* vertical divider rule */
}