/* Tuki Costa — spacing, radius, elevation, glass tokens */
:root {
  /* radius scale */
  --radius-pill: 999px;
  --radius-chip: 16px;
  --radius-card: 24px;
  --radius-panel: 32px;
  --radius-band: 40px;

  /* spacing scale (4px base) */
  --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-14: 56px;
  --space-18: 72px;

  /* elevation */
  --shadow-rest: 0 2px 12px rgba(14, 42, 60, 0.07);
  --shadow-card: 0 8px 32px rgba(14, 42, 60, 0.08);
  --shadow-hover: 0 12px 40px rgba(14, 42, 60, 0.14);
  --shadow-cta: 0 8px 20px rgba(15, 53, 72, 0.28);
  --shadow-band: 0 24px 60px rgba(15, 53, 72, 0.32);

  /* liquid-glass surfaces — translucent gradient + heavy blur + static light sheen + bright top edge */
  --glass-bg: linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.32)); /* @kind color */
  --glass-blur: blur(28px) saturate(1.7) brightness(1.04); /* @kind other */
  --glass-border: 1px solid rgba(255,255,255,.8); /* @kind other */
  --glass-shadow: 0 12px 40px rgba(14,42,60,.12), inset 0 1.5px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.35); /* @kind shadow */

  --glass-strong-bg: linear-gradient(135deg, rgba(255,255,255,.84), rgba(255,255,255,.58)); /* @kind color */
  --glass-strong-blur: blur(32px) saturate(1.8) brightness(1.04); /* @kind other */
  --glass-strong-border: 1px solid rgba(255,255,255,.9); /* @kind other */
  --glass-strong-shadow: 0 16px 48px rgba(14,42,60,.14), inset 0 1.5px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(255,255,255,.4); /* @kind shadow */

  --glass-chip-bg: linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.42)); /* @kind color */
  --glass-chip-blur: blur(16px) saturate(1.5); /* @kind other */
  --glass-chip-border: 1px solid rgba(255,255,255,.85); /* @kind other */
  --glass-chip-shadow: 0 3px 14px rgba(14,42,60,.09), inset 0 1px 0 rgba(255,255,255,.9); /* @kind shadow */

  --glass-dark-bg: linear-gradient(135deg, rgba(11,34,48,.78), rgba(11,34,48,.55)); /* @kind color */
  --glass-dark-blur: blur(24px) saturate(1.3); /* @kind other */
  --glass-dark-border: 1px solid rgba(255,255,255,.16); /* @kind other */
  --glass-dark-shadow: 0 12px 40px rgba(7,24,34,.35), inset 0 1px 0 rgba(255,255,255,.14); /* @kind shadow */

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast: 0.2s; /* @kind other */
}