/* ── TaskPoint Design Tokens ── */
:root {
    --font-display: 'Unbounded', 'Onest', sans-serif;
    --font-body: 'Onest', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    /* Light — "Paper" */
    --bg: #F4F4F0;
    --surface: #FFFFFF;
    --surface-2: #FAFAF7;
    --ink: #111813;
    --muted: #5A665E;
    --hairline: #DADDD5;
    --hairline-strong: #B8BDB4;
    --signal: #0FA958;
    --signal-deep: #0B7A41;
    --signal-soft: rgba(15, 169, 88, 0.08);
    --on-signal: #FFFFFF;
    --ok: #16A34A;
    --err: #E03E2D;
    --warn: #D97706;
    --warn-soft: rgba(217, 119, 6, 0.08);
    --overdue: #DC2626;
    --overdue-soft: rgba(220, 38, 38, 0.08);
    --approaching: #D97706;
    --approaching-soft: rgba(217, 119, 6, 0.08);
    --low-priority: #9CA3AF;
    --medium-priority: #3B82F6;
    --high-priority: #EF4444;
    --critical-priority: #7C3AED;
    --card-shadow: 0 2px 8px rgba(17, 24, 19, 0.06);
    --card-hover-shadow: 0 16px 40px -12px rgba(17, 24, 19, 0.2);
    --overlay: rgba(17, 24, 19, 0.55);
    --tooltip-bg: #111813;
    --tooltip-fg: #F4F4F0;
    --grain-opacity: 0.032;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
}

[data-theme="dark"] {
    --bg: #0B0F0C;
    --surface: #121713;
    --surface-2: #171E19;
    --ink: #E8EEE9;
    --muted: #8A988E;
    --hairline: #232A25;
    --hairline-strong: #39433C;
    --signal: #2FD673;
    --signal-deep: #25B95E;
    --signal-soft: rgba(47, 214, 115, 0.1);
    --on-signal: #06110A;
    --ok: #2FD673;
    --err: #F05545;
    --warn: #E8A13A;
    --warn-soft: rgba(232, 161, 58, 0.08);
    --overdue: #F05545;
    --overdue-soft: rgba(240, 85, 69, 0.1);
    --approaching: #E8A13A;
    --approaching-soft: rgba(232, 161, 58, 0.08);
    --card-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    --card-hover-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.6);
    --overlay: rgba(4, 7, 5, 0.7);
    --tooltip-bg: #E8EEE9;
    --tooltip-fg: #0B0F0C;
    --grain-opacity: 0.05;
}

@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}