/* kolaymarin design tokens — per DESIGN.md §10 */
:root {
  /* Ink scale */
  --km-ink-900: #0F1B2D;
  --km-ink-700: #1F2D43;
  --km-ink-600: #3D4A5C;
  --km-ink-500: #5A6779;
  --km-ink-400: #7A8597;
  --km-ink-300: #A8B1C0;
  --km-ink-200: #C8CFD9;

  /* Paper */
  --km-paper: #FFFFFF;
  --km-paper-2: #F5F7FA;
  --km-paper-3: #EEF3F8;
  --km-line: #E2E7EF;
  --km-line-strong: #C8D1DE;

  /* Brand — derin deniz */
  --km-deep: #0A3D62;
  --km-deep-2: #1F6FB2;
  --km-deep-3: #06294A;
  --km-deep-soft: #E7EFF6;

  /* Accent — amber CTA */
  --km-accent: #F2A310;
  --km-accent-2: #D88B00;
  --km-accent-soft: #FCEFD3;

  /* Semantic */
  --km-good: #1E8E5C;
  --km-good-soft: #DDF1E5;
  --km-warn: #C57400;
  --km-warn-soft: #FBE9CF;
  --km-bad: #B0341F;
  --km-bad-soft: #F7DDD6;
  --km-soft: #EEF3F8;

  /* Spacing — 4 multiples */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;

  /* Radius */
  --r-1: 4px;
  --r-2: 8px;
  --r-3: 12px;
  --r-4: 16px;
  --r-pill: 999px;

  /* Type scale: 12/14/16/18/22/28/36 */
  --t-12: 12px;
  --t-13: 13px;
  --t-14: 14px;
  --t-16: 16px;
  --t-18: 18px;
  --t-22: 22px;
  --t-28: 28px;
  --t-36: 36px;

  /* Shadows */
  --shadow-1: 0 1px 0 0 var(--km-line);
  --shadow-2: 0 1px 2px rgba(15, 27, 45, 0.06), 0 1px 0 var(--km-line);
  --shadow-3: 0 6px 24px -8px rgba(15, 27, 45, 0.18), 0 2px 6px rgba(15, 27, 45, 0.06);
  --shadow-4: 0 24px 48px -16px rgba(15, 27, 45, 0.24);

  /* Fonts */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}