/* Arcticside AI — Color tokens
   A cool, premium "arctic dawn" palette: deep navy ink, glacier blues,
   periwinkle & soft-rose accents, on a cool off-white canvas. */
:root {
  /* --- Ink / neutrals (cool navy-greys) --- */
  --ink-950: #0b1626;
  --ink-900: #101d33; /* primary text, dark pill buttons */
  --ink-800: #1a2b47;
  --ink-700: #2b3a54;
  --ink-600: #43516b;
  --ink-500: #5a6a85; /* muted / secondary text */
  --ink-400: #8390a6;
  --ink-300: #9aa7bd;
  --ink-200: #c2cad8;
  --ink-100: #dfe3ec;
  --ink-050: #eef0f5;

  /* --- Surfaces --- */
  --white: #ffffff;
  --surface-1: #f4f5f8;   /* page background, cool off-white */
  --surface-2: #eceef4;   /* subtle raised tint */
  --surface-3: #e4e7f0;   /* deeper tint / wells */
  --surface-dark: #16233d;      /* dark card base */
  --surface-dark-2: #1e2c4a;    /* dark card raised */

  /* --- Arctic blue (glacier / sky) --- */
  --arctic-50:  #eef3fb;
  --arctic-100: #dbe6f6;
  --arctic-200: #bed1e9; /* hero sky, tint surfaces */
  --arctic-300: #9db9e0;
  --arctic-400: #7ea3d8;
  --arctic-500: #5a82c9; /* primary brand blue */
  --arctic-600: #3f63aa;
  --arctic-700: #2f4c88;
  --arctic-800: #253c6c;

  /* --- Periwinkle / lavender (secondary cool) --- */
  --peri-100: #e7e9f6;
  --peri-200: #cdd2ec;
  --peri-300: #c3b5dc;
  --peri-400: #a89ccf;

  /* --- Dawn rose (warm accent for gradients) --- */
  --rose-100: #f7e6ea;
  --rose-200: #f0d3da;
  --rose-300: #e6bdc8;

  /* --- Semantic status (cool-adjusted) --- */
  --success-500: #2f9e73;
  --success-100: #d9f0e6;
  --warning-500: #c98a2e;
  --warning-100: #f6e9d2;
  --danger-500:  #cf5a54;
  --danger-100:  #f6ddda;
  --info-500:    var(--arctic-500);
  --info-100:    var(--arctic-100);

  /* --- Semantic aliases --- */
  --bg-page: var(--surface-1);
  --bg-elevated: var(--white);
  --bg-sunken: var(--surface-2);
  --bg-inverse: var(--surface-dark);

  --text-strong: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-subtle: var(--ink-400);
  --text-inverse: #f2f5fb;
  --text-inverse-muted: #aeb9d0;
  --text-brand: var(--arctic-600);

  --border-subtle: var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong: var(--ink-300);
  --border-inverse: rgba(255,255,255,0.14);

  --surface-card: var(--white);
  --surface-card-tint: var(--arctic-50);

  --accent: var(--arctic-500);
  --accent-hover: var(--arctic-600);
  --accent-press: var(--arctic-700);
  --accent-soft: var(--arctic-100);

  --link: var(--arctic-600);
  --link-hover: var(--arctic-700);

  --focus-ring: rgba(90,130,201,0.45);

  /* --- Signature gradients --- */
  --grad-dawn: linear-gradient(180deg, #4f6db3 0%, #9db9e0 42%, #cdd2ec 68%, #e6bdc8 100%); /* @kind color */
  --grad-glacier: linear-gradient(135deg, #dbe6f6 0%, #eef3fb 50%, #f0d3da 100%); /* @kind color */
  --grad-ink: linear-gradient(160deg, #1e2c4a 0%, #16233d 60%, #101d33 100%); /* @kind color */
}