@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

:root {
  --font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Playfair Display", Georgia, serif;
  --color-main: #7c3aed;
  --color-main-strong: #6d28d9;
  --color-secondary: #0a0a0f;
  --color-background: #f5f4f0;
  --color-card: #ffffff;
  --color-border: #e5e7eb;
  --color-muted: #6b7280;
  --color-success: #16a34a;
  --color-warning: #d97706;
  --color-danger: #dc2626;
  --ink: var(--color-secondary);
  --paper: var(--color-background);
  --accent: var(--color-main);
  --accent-strong: var(--color-main-strong);
  --muted: var(--color-muted);
  --border: var(--color-border);
  --card: var(--color-card);
  --soft: #fafafa;
  --success: var(--color-success);
  --warning: var(--color-warning);
  --danger: var(--color-danger);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--paper);
}