/* Kulka design tokens. Source of truth: tokens.json (mirrored here for the web). */
:root {
  /* Brand balloons */
  --k-coral: #FF6B6B;
  --k-coral-deep: #E2464D;
  --k-pink: #FF8FC7;
  --k-lilac: #A78BFA;
  --k-lilac-deep: #7C5CE6;
  --k-mint: #3DD6A8;
  --k-lemon: #FFD166;
  --k-sky: #5BC0EB;
  --k-gold: #E8B54A;
  --k-silver: #C9CED6;

  /* Light theme */
  --k-bg: #FFF7F0;
  --k-bg-2: #FFEFE3;
  --k-surface: #FFFFFF;
  --k-surface-2: #FBF1EA;
  --k-ink: #2A1E2E;
  --k-ink-2: #6B5A6E;
  --k-ink-3: #A595A6;
  --k-line: #F0E2D8;
  --k-primary: var(--k-coral);
  --k-primary-ink: #FFFFFF;
  --k-accent: var(--k-lilac);
  --k-success: #22B07D;
  --k-grad: linear-gradient(135deg, #FF6B6B 0%, #FF8FC7 55%, #A78BFA 100%);

  /* Shape & depth */
  --k-r-xs: 8px;
  --k-r-sm: 12px;
  --k-r-md: 18px;
  --k-r-lg: 26px;
  --k-r-xl: 34px;
  --k-r-pill: 999px;
  --k-shadow-1: 0 1px 2px rgba(42, 30, 46, .06), 0 2px 8px rgba(42, 30, 46, .05);
  --k-shadow-2: 0 6px 18px rgba(42, 30, 46, .08), 0 2px 6px rgba(42, 30, 46, .05);
  --k-shadow-3: 0 24px 60px rgba(42, 30, 46, .16), 0 8px 20px rgba(42, 30, 46, .08);
  --k-glow: 0 10px 30px rgba(255, 107, 107, .35);

  /* Type */
  --k-font-display: "Unbounded", system-ui, sans-serif;
  --k-font-body: "Manrope", system-ui, sans-serif;
  --k-fs-xs: 11px;
  --k-fs-sm: 13px;
  --k-fs-md: 15px;
  --k-fs-lg: 18px;
  --k-fs-xl: 24px;
  --k-fs-2xl: 32px;

  /* Motion */
  --k-ease: cubic-bezier(.2, .8, .2, 1);
  --k-spring: cubic-bezier(.34, 1.56, .64, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --k-bg: #150F1A;
    --k-bg-2: #1C1422;
    --k-surface: #231A2B;
    --k-surface-2: #2C2135;
    --k-ink: #FBF1F6;
    --k-ink-2: #C9B6CC;
    --k-ink-3: #8A788D;
    --k-line: #3A2D44;
    --k-shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
    --k-shadow-2: 0 6px 18px rgba(0, 0, 0, .35);
    --k-shadow-3: 0 24px 60px rgba(0, 0, 0, .5);
  }
}
:root[data-theme="dark"] {
  --k-bg: #150F1A;
  --k-bg-2: #1C1422;
  --k-surface: #231A2B;
  --k-surface-2: #2C2135;
  --k-ink: #FBF1F6;
  --k-ink-2: #C9B6CC;
  --k-ink-3: #8A788D;
  --k-line: #3A2D44;
  --k-shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
  --k-shadow-2: 0 6px 18px rgba(0, 0, 0, .35);
  --k-shadow-3: 0 24px 60px rgba(0, 0, 0, .5);
}