/* ============================================================
   SetOne Labs — Color tokens
   Brand: deep navy systems, charcoal ink, teal signal.
   ============================================================ */

:root {
  /* --- Brand: Navy (primary) — sampled from logo --- */
  --navy-900: #05193F;
  --navy-800: #082865; /* PRIMARY brand navy */
  --navy-700: #0D3A86; /* lighter navy / link */
  --navy-600: #1A4DA0;
  --navy-500: #2E62B8;
  --navy-100: #E2E8F4;
  --navy-50:  #F2F5FB;

  /* --- Brand: Ink (charcoal) --- */
  --charcoal-900: #10141C;
  --charcoal-800: #171D29; /* PRIMARY ink */
  --charcoal-700: #29303D;

  /* --- Brand: Teal (signal / accent) --- */
  --teal-700: #057F7C; /* teal-deep — small teal text on white */
  --teal-600: #008A86;
  --teal-500: #00A6A2; /* PRIMARY accent */
  --teal-400: #2DBFBA;
  --teal-300: #79DAD6;
  --teal-100: #D2F2F0;
  --teal-50:  #ECFAF9;

  /* --- Neutrals (cool, tuned toward navy) --- */
  --white:    #FFFFFF;
  --gray-50:  #F6F8FC; /* wash — page tint, table stripes */
  --gray-100: #EDF1F8;
  --gray-200: #E2E8F2; /* line — default hairline border */
  --gray-300: #C9D4E6; /* line-strong */
  --gray-400: #9AA8BE;
  --gray-500: #5C6878; /* muted text */
  --gray-600: #424E5E;
  --gray-700: #2E3744;
  --gray-800: #1F2733; /* body text */
  --gray-900: #141A24;
  --black:    #0A0C10;

  /* --- Semantic status --- */
  --success-600: #178A5C;
  --success-500: #1E9E6A;
  --success-100: #DBF1E7;
  --warning-600: #C07914;
  --warning-500: #D98A1F;
  --warning-100: #F8ECD6;
  --danger-600:  #BD3838;
  --danger-500:  #D14343;
  --danger-100:  #F8DEDE;
  --info-600:    #1F6FD6;
  --info-500:    #2D7FF0;
  --info-100:    #DCE9FC;

  /* ============================================================
     SEMANTIC ALIASES — prefer these in components.
     ============================================================ */

  /* Text */
  --text-primary:   var(--gray-800);
  --text-secondary: var(--gray-600);
  --text-muted:     var(--gray-500);
  --text-disabled:  var(--gray-400);
  --text-inverse:   var(--white);
  --text-brand:     var(--navy-800);
  --text-accent:    var(--teal-600);
  --text-link:      var(--navy-700);

  /* Surfaces */
  --surface-page:    var(--white);
  --surface-sunken:  var(--gray-50);
  --surface-card:    var(--white);
  --surface-wash:    var(--gray-50);
  --surface-muted:   var(--gray-100);
  --surface-inverse: var(--navy-800);
  --surface-inverse-deep: var(--navy-900);
  --surface-accent:  var(--teal-500);
  --surface-accent-soft: var(--teal-50);

  /* Borders */
  --border-subtle:  var(--gray-200);
  --border-line:    var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong:  var(--gray-400);
  --border-inverse: rgba(255, 255, 255, 0.14);
  --border-accent:  var(--teal-500);

  /* Interactive accent */
  --accent:        var(--teal-500);
  --accent-hover:  var(--teal-600);
  --accent-press:  var(--teal-700);
  --accent-soft:   var(--teal-50);

  /* Brand interactive (navy buttons) */
  --brand:         var(--navy-800);
  --brand-hover:   var(--navy-700);
  --brand-press:   var(--navy-900);

  /* Focus ring */
  --focus-ring: rgba(0, 166, 162, 0.45);
}