/* O!Sapiens — Color tokens
   Calm precision. One dominant blue, three quiet sub-brand tones, near-monochrome neutrals.
   Sub-brand tones key the three product lines:
     Soft Sand  → OS: Foundation
     Sage Green → OS: Transformation
     Near White → OS: Reboot
*/

:root {
  /* ---- Base palette ---- */
  --o-blue:        #191795; /* O! Blue — primary. Headlines, logo, CTAs, key surfaces */
  --o-blue-press:  #121074; /* pressed / darker blue */
  --o-blue-ink:    #0C09FF; /* electric accent blue (logo detail, rare highlight) */

  --soft-sand:     #EACEAC; /* OS: Foundation */
  --soft-sand-deep:#D8B488;
  --sage-green:    #D4E6D5; /* OS: Transformation */
  --sage-deep:     #48722C; /* deep sage — duotone shadow / overlay */
  --near-white:    #F0F0F0; /* OS: Reboot */

  --dark-text:     #1A1A2E; /* body copy on light surfaces */
  --white:         #FFFFFF;
  --black:         #000000;

  /* neutral steps (cool, near-monochrome) */
  --grey-100: #F0F0F0;
  --grey-200: #E3E4E4;
  --grey-300: #D9D9D9;
  --grey-400: #D2D3D9;
  --grey-500: #868686;
  --grey-700: #3A3A4A;

  /* semantic status (used sparingly) */
  --danger: #AF1010;

  /* ---- Semantic aliases ---- */
  --surface-brand:      var(--o-blue);   /* the signature blue field */
  --surface-page:       var(--white);
  --surface-card:       var(--white);
  --surface-muted:      var(--near-white);
  --surface-foundation: var(--soft-sand);
  --surface-transform:  var(--sage-green);
  --surface-reboot:     var(--near-white);

  --text-body:      var(--dark-text);
  --text-heading:   var(--o-blue);
  --text-on-brand:  var(--soft-sand);  /* primary text colour on blue fields */
  --text-on-brand-strong: var(--white);
  --text-muted:     var(--grey-500);
  --text-inverse:   var(--white);

  --accent-foundation: var(--soft-sand);
  --accent-transform:  var(--sage-green);
  --accent-reboot:     var(--near-white);

  --border-subtle:  var(--grey-300);
  --border-strong:  var(--o-blue);
  --focus-ring:     var(--o-blue-ink);

  --cta-bg:        var(--o-blue);
  --cta-text:      var(--soft-sand);
  --cta-bg-hover:  var(--o-blue-press);
}