/* Design tokens: turunan langsung dari algoritma.zenisme.id */
:root {
  --color-sky: #00a0e5;
  --color-navy: #054763;
  --color-ink: #0f172a;
  --color-muted: #64748b;
  --color-line: #e2e8f0;
  --color-surface: #ffffff;
  --color-surface-2: #f5f9fc;
  --color-sky-soft: #e6f6fd;

  --status-ok: var(--color-sky);
  --status-booked: #f59e0b;
  --status-booked-bg: #fef3c7;
  --status-sold: #94a3b8;

  --gradient-brand: linear-gradient(135deg, var(--color-sky) 0%, var(--color-navy) 100%);
  --gradient-footer: linear-gradient(135deg, var(--color-navy) 0%, var(--color-sky) 100%);

  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
  --text-hero: clamp(2.125rem, 1.4rem + 3.6vw, 4.25rem);
  --text-price: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-section: clamp(4rem, 3rem + 5vw, 8rem);
  --gutter: 1rem;
  --container: 72rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-xl: 1.25rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(5, 71, 99, 0.06), 0 1px 3px rgba(5, 71, 99, 0.08);
  --shadow-md: 0 8px 24px -8px rgba(5, 71, 99, 0.2);
  --shadow-lg: 0 20px 40px -16px rgba(5, 71, 99, 0.3);

  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 600ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  --touch: 2.75rem;
}

@media (min-width: 640px) {
  :root { --gutter: 1.5rem; }
}