/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --primary-color: #1b1b1f;
    --primary-hover: #000000;
    --primary-deep: #0d0d10;
    --secondary-color: #3a3a42;
    --accent-color: #ef6a13;
    --accent-hover: #d3560a;
    --background-color: #ffffff;
    --surface-color: #f6f6f7;
    --surface-alt: #ececef;
    --ink-color: #0d0d10;
    --text-color: #1b1b1f;
    --text-muted: #64646c;
    --border-color: #e3e3e7;
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius-sm: 4px;
    --radius-md: 10px;
    --radius-lg: 18px;
    --shadow-card: 0 2px 10px rgba(13, 13, 16, 0.06);
    --shadow-lift: 0 22px 45px -22px rgba(13, 13, 16, 0.4);
}