:root {
    color-scheme: light;

    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --display: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    --accent: #2F6BFF;
    --accent-dark: #1E4FD6;
    --accent-tint: #EAF0FF;
    --accent-soft: #F3F6FF;

    --violet: #7C5CFF;
    --violet-tint: #F1EDFF;
    --mint: #12B886;
    --mint-tint: #E6F8F1;
    --amber: #F59F00;
    --amber-tint: #FFF4DB;
    --rose: #F0506E;
    --rose-tint: #FFECEF;

    --ink: #17203A;
    --ink-soft: #4A5265;
    --muted: #6B7280;
    --faint: #9AA1AF;

    --page: #FFFFFF;
    --surface: #F6F7FB;
    --surface-2: #FAFBFE;
    --border: #E9EBF1;
    --border-strong: #DCE0E8;

    --dark: #111830;
    --dark-2: #19213A;
    --dark-line: #2A3452;

    --success: #16A34A;
    --danger: #DC2626;

    --r-sm: 10px;
    --r: 16px;
    --r-lg: 24px;
    --r-xl: 32px;
    --pill: 999px;

    --shadow-sm: 0 1px 2px rgba(23, 32, 58, .06), 0 4px 14px rgba(23, 32, 58, .06);
    --shadow: 0 2px 6px rgba(23, 32, 58, .05), 0 18px 44px rgba(23, 32, 58, .10);
    --shadow-lg: 0 30px 80px rgba(23, 32, 58, .18);

    --wrap: 1200px;
    --gutter: 24px;
}