/* Ordinate design tokens — mirrors /design-system/tokens/tokens.json (v1.1) */

:root {
  /* Font */
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;

  /* Warm neutrals */
  --color-gray-50:  #FAFAF8;
  --color-gray-100: #F3F2EF;
  --color-gray-200: #E6E4E0;
  --color-gray-300: #D4D2CE;
  --color-gray-400: #A8A6A2;
  --color-gray-500: #7D7B77;
  --color-gray-600: #585653;
  --color-gray-700: #3D3B38;
  --color-gray-800: #2A2927;
  --color-gray-900: #0B0C0C;

  /* Primary */
  --color-primary:       #1D5D90;
  --color-primary-hover: #164A73;
  --color-primary-light: #E8F0F7;
  --color-primary-dark:  #0F3A5C;

  /* Action (primary button) — matches header bar */
  --color-action:              #2A2927;
  --color-action-hover:        #3D3B38;
  --color-action-pressed:      #0B0C0C;
  --color-action-text:         #FFFFFF;
  --color-action-disabled-bg:  #E6E4E0;
  --color-action-disabled-text:#7D7B77;

  /* Brand accent — amber */
  --color-brand-amber:       #C9611D;
  --color-brand-amber-light: #F6DDCB;

  /* Semantic */
  --color-success:       #4A5E3E;
  --color-success-light: #EAEDE4;
  --color-warning:       #B58105;
  --color-warning-light: #F5F0E0;
  --color-error:         #D4351C;
  --color-error-light:   #F9E8E5;
  --color-info:          #1D5D90;
  --color-info-light:    #E8F0F7;

  /* Stage palette — 12 stages across 4 phases (Winning Framework). */
  --color-stage-yellow:            #C59818;
  --color-stage-yellow-light:      #F7EFD4;
  --color-stage-purple:            #564A9C;
  --color-stage-purple-light:      #E5E2F0;
  --color-stage-blue:              #2F7BAE;
  --color-stage-blue-light:        #DEECF5;
  --color-stage-black:             #2D3436;
  --color-stage-black-light:       #E1E1E2;
  --color-stage-pink:              #C37389;
  --color-stage-pink-light:        #F5E4E8;
  --color-stage-red:               #D9403B;
  --color-stage-red-light:         #F9E4E3;
  --color-stage-green:             #2F9E68;
  --color-stage-green-light:       #DBF0E6;
  --color-stage-gold:              #A67E1E;
  --color-stage-gold-light:        #F3E9D1;
  --color-stage-white-glove:       #E5DFD4;
  --color-stage-white-glove-light: #F8F5EE;
  --color-stage-submission:        #2D3436;
  --color-stage-submission-light:  #E1E1E2;
  --color-stage-diamond:           #7F9099;
  --color-stage-diamond-light:     #E3E8EB;
  --color-stage-silver-stage:       #B5B9BD;
  --color-stage-silver-stage-light: #E5E7E9;

  /* Lens palette — organisation-wide libraries that cross-cut the lifecycle. */
  --color-lens-amber:       #C9611D;
  --color-lens-amber-light: #F6DDCB;
  --color-lens-grey:        #8A8A82;
  --color-lens-grey-light:  #E9E8E6;
  --color-lens-navy:        #1B2A55;
  --color-lens-navy-light:  #D8DCEA;

  /* Type scale */
  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 0.875rem;
  --text-md:   1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-4xl:  2.5rem;
  --text-5xl:  3.5rem;
  --text-6xl:  4.5rem;

  /* Radius */
  --radius-sm: 4px;
  --radius:    5px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 9999px;

  /* Shadow */
  --shadow-sm: 0 1px 3px rgba(11,12,12,0.06);
  --shadow:    0 1px 3px rgba(11,12,12,0.06);
  --shadow-md: 0 2px 6px rgba(11,12,12,0.08);

  /* Spacing (8px with 4px half-step) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Layout */
  --width-web-max: 1280px;
  --gutter-min:    24px;
  --app-header-h:  50px;
  --app-subnav-h:  44px;
}