/*
 * LEVATV: "White Studio" design system.
 * A gallery-white infinity cove where the designs levitate: soft studio light,
 * real contact shadows, clay-like pressable controls, one electric cobalt accent.
 */
:root {
  /* surfaces */
  --white: #ffffff;
  --paper: #ffffff;              /* page */
  --paper-2: #f4f5fa;            /* studio floor / quiet fills */
  --paper-3: #eceef6;            /* deeper floor, pressed states */
  --line: #e6e8f0;               /* hairlines */
  --line-2: #d6d9e6;

  /* ink */
  --ink: #0e1022;
  --ink-2: #565b74;
  --ink-3: #8a8fa8;

  /* brand */
  --pop: #3b3bff;                /* Leva cobalt: primary actions */
  --pop-2: #6a6cff;
  --pop-deep: #2323c9;
  --pop-tint: #ececff;
  --coral: #ff5a4f;              /* sale + urgency */
  --mint: #10b98a;               /* free + success */
  --butter: #ffc93c;
  --violet: #8b5cff;
  --bubble: #ff74c4;

  /* chrome gradient used on the 3D wordmark and the hero accent */
  --chrome: linear-gradient(180deg, #ffffff 0%, #dfe2ee 38%, #9aa0bd 52%, #eef0f8 64%, #c3c7da 100%);
  --iris: linear-gradient(115deg, #7cf2ff 0%, #8b5cff 30%, #ff74c4 55%, #ffc93c 80%, #7cf2ff 100%);

  /* type */
  --font-display: 'Unbounded', 'Arial Black', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --text-xs: 0.78rem;
  --text-sm: 0.9rem;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.08rem);
  --text-lg: clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
  --text-h3: clamp(1.3rem, 1.1rem + 1vw, 1.8rem);
  --text-h2: clamp(2rem, 1.3rem + 3vw, 3.8rem);
  --text-hero: clamp(2.9rem, 1rem + 7.2vw, 8rem);

  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-section: clamp(4.5rem, 3rem + 6vw, 10rem);
  --gutter: clamp(1rem, 0.5rem + 3vw, 3rem);
  --max: 1360px;

  /* shape */
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --border: 1px solid var(--line);

  /* depth: every shadow is a two-part studio shadow (contact + ambient) */
  --shadow-xs: 0 1px 2px rgba(14, 16, 34, .06);
  --shadow-sm: 0 1px 2px rgba(14, 16, 34, .05), 0 8px 20px -10px rgba(14, 16, 34, .16);
  --shadow-md: 0 2px 4px rgba(14, 16, 34, .04), 0 22px 44px -18px rgba(24, 28, 80, .26);
  --shadow-lg: 0 4px 10px rgba(14, 16, 34, .04), 0 44px 90px -30px rgba(30, 34, 110, .36);
  --shadow-cobalt: 0 14px 30px -10px rgba(59, 59, 255, .55);
  --bevel: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -2px 0 rgba(14, 16, 34, .05);
  --bevel-color: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 -3px 0 rgba(0, 0, 40, .22);
  /* legacy aliases (kept so older markup still resolves) */
  --shadow-pop: var(--shadow-sm);
  --shadow-pop-lg: var(--shadow-md);
  --shadow-soft: var(--shadow-md);

  /* motion */
  --duration-fast: 160ms;
  --duration-normal: 340ms;
  --duration-slow: 900ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}