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

:root {
    --ink: #0f253a;
    --ink-soft: #274860;
    --ink-muted: #668097;
    --brand: #0b7a7a;
    --brand-strong: #0a6161;
    --brand-soft: #e5f5f3;
    --blue-soft: #e9f3fb;
    --surface: rgba(255, 255, 255, 0.93);
    --surface-strong: #ffffff;
    --line: rgba(95, 136, 168, 0.42);
    --line-soft: rgba(95, 136, 168, 0.22);
    --danger: #c4302b;
    --warning: #a36912;
    --ok: #21764b;
    --shadow-lg: 0 24px 64px rgba(15, 37, 58, 0.18);
    --shadow-md: 0 14px 34px rgba(15, 37, 58, 0.11);
    --radius-xl: 24px;
    --radius-lg: 18px;
    --radius-md: 12px;
    --sidebar-width: 276px;
    --font-main: "Space Grotesk", "Segoe UI", sans-serif;
    --font-display: "Fraunces", Georgia, serif;
}