/* Swaystack — Color tokens
   Base palette from Brand Guidelines 2024 (Color Palette page).
   Neutrals + warning/danger are DERIVED (not in the source guide) — see readme.md. */
:root {
  /* ---- Brand palette (from guidelines) ---- */
  --sway-blue: #1D29FF;        /* Vivid Blue — primary brand color (logo + accents) */
  --sway-blue-deep: #022E7A;   /* Deep Blue — navy variant (labelled "Vivid Blue" hex in guide) */
  --sway-midnight: #1E1927;    /* Midnight Violet — near-black */
  --sway-white: #FFFFFF;
  --sway-aqua: #56FBDB;        /* Aqua — secondary */
  --sway-violet: #6C74FF;      /* Light Violet — secondary */
  --sway-mint: #00C08D;        /* Mint Green — secondary */

  /* ---- Blue ramp (tints/shades of --sway-blue, derived) ---- */
  --blue-50:  #EEF0FF;
  --blue-100: #DCE0FF;
  --blue-200: #B9C0FF;
  --blue-300: #8E96FF;
  --blue-400: #5661FF;
  --blue-500: #1D29FF;
  --blue-600: #141FCC;
  --blue-700: #0E17A6;
  --blue-800: #0A1180;

  /* ---- Neutral ramp (derived from Midnight Violet hue) ---- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F6F7FB;
  --neutral-100: #EDEEF4;
  --neutral-200: #DEE0EA;
  --neutral-300: #C7CAD8;
  --neutral-400: #9BA0B5;
  --neutral-500: #6E7391;
  --neutral-600: #4C5170;
  --neutral-700: #343850;
  --neutral-800: #262433;
  --neutral-900: #1E1927;

  /* ---- Secondary support tints (derived) ---- */
  --aqua-soft:  #E4FEF8;
  --mint-soft:  #E1FBF3;
  --violet-soft:#EDEEFF;

  /* ---- Semantic aliases ---- */
  --color-bg: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-muted: #F6F7FB;
  --color-surface-sunken: #EDEEF4;
  --color-surface-inverse: #1E1927;

  --text-strong: #1E1927;
  --text-body:   #343850;
  --text-muted:  #6E7391;
  --text-faint:  #9BA0B5;
  --text-on-brand: #FFFFFF;
  --text-on-inverse: #FFFFFF;
  --text-link: #1D29FF;
  --text-link-hover: #141FCC;

  --border-subtle:  #EDEEF4;
  --border-default: #DEE0EA;
  --border-strong:  #C7CAD8;

  --brand: #1D29FF;
  --brand-hover: #141FCC;
  --brand-active: #0E17A6;
  --brand-subtle: #EEF0FF;
  --on-brand: #FFFFFF;

  --accent-aqua: #56FBDB;
  --accent-violet: #6C74FF;
  --accent-mint: #00C08D;

  /* status (success = brand Mint Green; warning/danger DERIVED) */
  --success: #00C08D;
  --success-bg: #E1FBF3;
  --warning: #F5A524;
  --warning-bg: #FEF3E1;
  --danger: #F04361;
  --danger-bg: #FDE8EC;
  --info: #1D29FF;
  --info-bg: #EEF0FF;

  --focus-ring: rgba(29, 41, 255, 0.35);
}