:root {
    --primary: #0d6e63;
    --secondary: #064e47;
    --accent: #22c55e;
    --primary-soft: color-mix(in srgb, var(--primary) 12%, white);
    --accent-soft: color-mix(in srgb, var(--accent) 15%, white);
    --text-on-primary: #ffffff;
    --text-on-accent: #ffffff;
    --text: #0f172a;
    --text-muted: #64748b;
    --border: #e2e8f0;
    --border-light: #f1f5f9;
    --bg: #f8fafc;
    --bg-muted: #f1f5f9;
    --surface: #ffffff;
    --danger: #dc2626;
    --success: #16a34a;
    --warning: #d97706;
    --focus-ring: color-mix(in srgb, var(--primary) 20%, transparent);
    --radius: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;
    --shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.1);
    --container: 1140px;
    --header-h: 64px;
}