:root {
    --cg-bg: #fafafa;
    --cg-bg-soft: #f5f5f5;
    --cg-surface: #ffffff;
    --cg-surface-muted: #f7f7f8;

    --cg-text: #111827;
    --cg-text-muted: #4b5563;
    --cg-text-soft: #6b7280;

    --cg-border: #e5e7eb;
    --cg-border-strong: #d1d5db;

    --cg-primary: #111827;
    --cg-primary-hover: #030712;
    --cg-primary-soft: #f3f4f6;

    --cg-accent: #334155;
    --cg-accent-strong: #0f172a;
    --cg-accent-soft: #f1f5f9;

    --cg-warning-soft: #fef3c7;

    --cg-blue-line:    #9bb8ea;
    --cg-blue-soft-bg: #f4f8ff;
    --cg-blue-soft-bd: #dbe7fb;
    --cg-blue-ink:     #2f5fbf;

    --cg-radius-sm: 8px;
    --cg-radius-md: 12px;
    --cg-radius-lg: 18px;
    --cg-radius-xl: 24px;

    --cg-shadow-sm: 0 8px 20px rgba(17, 24, 39, 0.05);
    --cg-shadow-md: 0 20px 50px rgba(17, 24, 39, 0.08);

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

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