/* Hallmark · design-system: design.md · genre: editorial · theme: custom (ZIG locked)
 * Zachariah Investment Group — Dark Luxury Wholesale
 * All colours in OKLCH. No hex. No raw values.
 */

:root {
  /* ── Paper (backgrounds) ── */
  --color-paper:        oklch(3.9% 0.004 0);
  --color-paper-2:      oklch(5.7% 0.004 0);
  --color-paper-3:      oklch(8% 0.005 0);

  /* ── Ink (text) ── */
  --color-ink:          oklch(100% 0 0);
  --color-ink-2:        oklch(72% 0 0);
  --color-ink-3:        oklch(45% 0 0);

  /* ── Accent (gold) ── */
  --color-accent:       oklch(71% 0.12 85);
  --color-accent-2:     oklch(83% 0.1 85);
  --color-accent-ink:   oklch(10% 0.02 85);
  --color-accent-deep:  oklch(50% 0.08 85);
  --color-accent-bright:oklch(88% 0.08 85);

  /* ── Rules (borders) ── */
  --color-rule:         oklch(71% 0.12 85 / 0.25);
  --color-rule-strong:  oklch(71% 0.12 85 / 0.45);

  /* ── Glass ── */
  --color-glass:        oklch(100% 0 0 / 0.02);
  --color-glass-hover:  oklch(71% 0.12 85 / 0.05);

  /* ── Focus ── */
  --color-focus:        oklch(83% 0.1 85);
  --color-danger:       oklch(55% 0.2 25);

  /* ── Gradients ── */
  --grad-gold:          linear-gradient(90deg, var(--color-accent-deep) 0%, var(--color-accent) 50%, var(--color-accent-bright) 100%);
  --grad-gold-soft:     linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 100%);

  /* ── Glow shadows ── */
  --glow-sm:    0 0 20px oklch(71% 0.12 85 / 0.30);
  --glow-lg:    0 0 40px oklch(71% 0.12 85 / 0.22);

  /* ── Fonts ── */
  --font-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;
  --font-body:    "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* ── Spacing (4pt scale) ── */
  --space-3xs: 0.25rem;   /* 4px */
  --space-2xs: 0.5rem;    /* 8px */
  --space-xs:  0.75rem;   /* 12px */
  --space-sm:  1rem;      /* 16px */
  --space-md:  1.5rem;    /* 24px */
  --space-lg:  2rem;      /* 32px */
  --space-xl:  3rem;      /* 48px */
  --space-2xl: 4.5rem;    /* 72px */
  --space-3xl: 7rem;      /* 112px */

  /* ── Text sizes ── */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  2.25rem;
  --text-display:   clamp(2.6rem, 7vw, 6rem);
  --text-display-s: clamp(2rem, 4.5vw, 3.4rem);
  --text-display-xs:clamp(1.4rem, 2.4vw, 1.9rem);

  /* ── Motion ── */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --dur-short:   220ms;
  --dur-medium:  400ms;
  --dur-long:    700ms;

  /* ── Radii ── */
  --radius-sm:  12px;
  --radius-md:  18px;
  --radius-lg:  28px;
  --radius-pill: 999px;

  /* ── Layout ── */
  --maxw: 1240px;
}