@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('../fonts/plus-jakarta-sans/PlusJakartaSans-variable.ttf') format('truetype');
}

:root {
    --ui-font: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ui-ink: #292724;
    --ui-sidebar: #20211f;
    --ui-accent: #536b82;
    --ui-accent-hover: #40566c;
    --ui-blue-soft: #f0f4f8;
    --ui-sage: #4f6f60;
    --ui-success: #3f7058;
    --ui-danger: #b33f38;
    --ui-sage-soft: #eff5f1;
    --ui-gold-soft: #fbf5e9;
    --ui-lilac-soft: #f2eef9;
    --ui-lilac: #715891;
    --ui-gold: #cb9f47;
    --ui-primary: #d9a94a;
    --ui-primary-hover: #cb9938;
    --ui-primary-ink: #292724;
    --ui-secondary: #53616e;
    --ui-gold-ink: #805d1c;
    --ui-bg: #f8f7f4;
    --ui-bg-soft: #faf9f6;
    --ui-surface: #fff;
    --ui-muted: #68645e;
    --ui-line: #e8e3da;
    --ui-radius: 12px;
    --ui-shadow: 0 8px 24px rgb(69 48 20 / 6%);
}

:focus-visible {
    outline: 3px solid var(--ui-accent);
    outline-offset: 3px;
}

button:disabled, input:disabled, select:disabled, textarea:disabled {
    cursor: not-allowed;
    opacity: .65;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}