@layer reset, base, components, modules, utilities;

/* RH by Rizka Haristi — modest luxury, minimal editorial.
   Palet hampir monokrom: ivory canvas, ink hampir-hitam, aksen musiman tunggal. */
:root {
  /* OKLCH triplets */
  --lch-ink:        20% 0.01 80;      /* hitam hangat */
  --lch-ink-soft:   42% 0.012 80;
  --lch-ink-mute:   58% 0.01 80;
  --lch-line:       88% 0.006 85;
  --lch-canvas:     97.5% 0.006 90;   /* ivory */
  --lch-canvas-raise: 99% 0.004 90;
  --lch-accent:     52% 0.085 55;     /* terracotta lembut — aksen musiman, ganti per season */

  --color-ink:        oklch(var(--lch-ink));
  --color-ink-soft:   oklch(var(--lch-ink-soft));
  --color-ink-mute:   oklch(var(--lch-ink-mute));
  --color-line:       oklch(var(--lch-line));
  --color-canvas:     oklch(var(--lch-canvas));
  --color-canvas-raise: oklch(var(--lch-canvas-raise));
  --color-accent:     oklch(var(--lch-accent));

  /* Type — Fraunces untuk display, sans netral untuk UI/body */
  --font-display: "Fraunces", "Times New Roman", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --text-xs:   0.72rem;
  --text-sm:   0.85rem;
  --text-base: 1rem;
  --text-md:   1.2rem;
  --text-lg:   clamp(1.6rem, 3vw, 2.4rem);
  --text-xl:   clamp(2.4rem, 6vw, 4.5rem);
  --text-hero: clamp(3rem, 9vw, 7.5rem);

  --tracking-label: 0.18em;

  /* Spacing */
  --inline-space: 1ch;
  --block-space: 1rem;
  --section-space: clamp(4rem, 10vw, 8rem);
  --gutter: clamp(1.25rem, 4vw, 3rem);

  --measure: 62ch;

  --border: 1px solid var(--color-line);
  --focus-ring-color: var(--color-ink);
  --focus-ring-size: 2px;
  --focus-ring-offset: 2px;

  --z-nav: 30;
  --z-overlay: 50;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}