@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap");

:root {
    --color-canvas: #f8f6f2;
    --color-surface: #fffdf9;
    --color-surface-soft: #f3efe7;
    --color-navy: #071b34;
    --color-navy-raised: #0e2345;
    --color-gold: #c8a14b;
    --color-gold-light: #e6d1a2;
    --color-ink: #1e293b;
    --color-muted: #64748b;
    --color-positive: #16a34a;
    --color-warning: #d97706;
    --color-danger: #dc2626;
    --color-border: rgb(200 161 75 / 25%);
    --font-display: "Playfair Display", Georgia, serif;
    --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
    --radius-sm: 0.55rem;
    --radius-md: 0.85rem;
    --radius-lg: 1.15rem;
    --shadow-soft: 0 12px 34px rgb(7 27 52 / 7%);
    --shadow-raised: 0 18px 48px rgb(7 27 52 / 12%);
    --glow-gold: 0 0 0 1px rgb(200 161 75 / 10%),
        0 16px 38px rgb(200 161 75 / 10%);
    --motion-fast: 200ms;
    --sidebar-width: 17.5rem;
}

[data-theme="dark"] {
    --color-canvas: #07111f;
    --color-surface: #0b1b31;
    --color-surface-soft: #10243f;
    --color-ink: #f6f1e8;
    --color-muted: #a9b4c5;
    --color-border: rgb(230 209 162 / 22%);
}