:root {
    /* Brand */
    --cg-primary: #11b8bd;
    --cg-primary-dark: #0f9fa4;
    --cg-primary-soft: rgba(17, 184, 189, 0.12);

    /* Neutrals */
    --cg-ink: #0f172a;
    --cg-ink-soft: #334155;
    --cg-muted: #64748b;
    --cg-line: rgba(15, 23, 42, 0.10);

    /* Surfaces */
    --cg-bg: #f3f6f8;
    --cg-surface: #ffffff;
    --cg-surface-soft: #f8fafc;
    --cg-glass-light: rgba(255, 255, 255, 0.86);
    --cg-glass-dark: rgba(8, 19, 31, 0.72);

    /* Dark */
    --cg-dark: #08131f;
    --cg-dark-2: #0f172a;
    --cg-dark-card: rgba(8, 19, 31, 0.72);

    /* Status */
    --cg-success: #67d44a;
    --cg-warning: #f8b400;
    --cg-danger: #ef4444;

    /* Radius */
    --cg-radius-sm: 12px;
    --cg-radius-md: 18px;
    --cg-radius-lg: 28px;
    --cg-radius-xl: 42px;
    --cg-radius-pill: 999px;

    /* Shadows */
    --cg-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.08);
    --cg-shadow-md: 0 18px 54px rgba(15, 23, 42, 0.12);
    --cg-shadow-lg: 0 30px 90px rgba(15, 23, 42, 0.18);
    --cg-shadow-teal: 0 14px 34px rgba(17, 184, 189, 0.32);

    /* Layout */
    --cg-max: 1680px;
    --cg-page-x: 64px;
    --cg-section-gap: 56px;

    /* Typography */
    --cg-font: "Manrope", sans-serif;

    /* Motion */
    --cg-ease: cubic-bezier(.2, .8, .2, 1);
    --cg-fast: 160ms;
    --cg-normal: 240ms;
}