/* GENER8 Design System — Colors & Type */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  /* Backgrounds */
  --bg:          oklch(7% 0.004 30);
  --bg-2:        oklch(11% 0.006 28);
  --bg-3:        oklch(8.5% 0.005 30);

  /* Ink (text) */
  --ink:         oklch(93% 0.005 60);
  --ink-2:       oklch(75% 0.008 50);
  --ink-3:       oklch(58% 0.008 50);
  --ink-4:       oklch(42% 0.007 45);

  /* Brand accent — GENER8 red */
  --accent:      oklch(60% 0.19 25);
  --accent-dim:  oklch(45% 0.17 25);

  /* Semantic */
  --green:       oklch(67% 0.13 148);
  --blue:        oklch(72% 0.12 250);

  /* Borders */
  --line-soft:   oklch(93% 0.005 60 / 0.08);
  --line-mid:    oklch(93% 0.005 60 / 0.14);

  /* Typography */
  --font-sans:   'Inter', system-ui, -apple-system, sans-serif;
  --font-serif:  'Playfair Display', 'Georgia', serif;
  --font-mono:   'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* Easing */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}