:root {
    --ink: #000000;
    --ink-muted: #666666;
    --ink-faint: #999999;
    --canvas: #F6F6F6;
    --surface: #FFFFFF;
    --stroke: #E2E2E2;
    --accent: #FF8A3D;
    --accent-pressed: #E67A2D;
    --accent-soft: #FFF4ED;
    --danger: #E11900;
    --radius-card: 16px;
    --radius-control: 12px;
    --radius-pill: 100px;
    --control-h: 44px;
    --font: 'Heebo', Arial, sans-serif;

    --primary-orange: var(--accent);
    --primary-orange-light: var(--accent);
    --primary-orange-dark: var(--accent-pressed);
    --primary-dark: var(--ink);
    --secondary-dark: #333333;

    --text-primary: var(--ink);
    --text-secondary: var(--ink-muted);
    --text-light: var(--ink-faint);

    --bg-main: var(--canvas);
    --bg-white: var(--surface);
    --bg-divider: var(--canvas);
    --bg-warm: var(--accent-soft);
    --bg-warm-soft: var(--accent-soft);

    --border-light: var(--stroke);
    --border-default: var(--stroke);

    --status-open: var(--accent);
    --status-urgent: var(--danger);
    --status-completed: var(--ink-muted);
    --status-pending: var(--accent);

    --shadow-card: none;
    --shadow-elevated: none;
    --shadow-icon: none;
    --shadow-brand: none;

    --font-primary: var(--font);

    --radius-sm: 8px;
    --radius-md: var(--radius-control);
    --radius-lg: var(--radius-card);
    --radius-xl: 20px;
    --control-height: var(--control-h);
}