:root {
    --cg-bg: #f8fafc;
    --cg-bg-soft: #eef2f7;
    --cg-surface: #ffffff;
    --cg-surface-muted: #f1f5f9;

    --cg-text: #0f172a;
    --cg-text-muted: #475569;
    --cg-text-soft: #64748b;

    --cg-border: #dbe3ee;
    --cg-border-strong: #cbd5e1;

    --cg-primary: #111827;
    --cg-primary-hover: #1f2937;
    --cg-primary-soft: #e2e8f0;

    --cg-accent: #0f766e;
    --cg-accent-strong: #115e59;
    --cg-accent-soft: #ccfbf1;

    --cg-warning-soft: #fef3c7;

    --cg-radius-sm: 10px;
    --cg-radius-md: 16px;
    --cg-radius-lg: 24px;
    --cg-radius-xl: 32px;

    --cg-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);
    --cg-shadow-md: 0 24px 70px rgba(15, 23, 42, 0.10);

    --cg-font: Arial, Helvetica, sans-serif;

    --cg-page-max: 1180px;
}