:root,
[data-theme="light"] {
    --moco-color-brand-rgb: 0 212 255;
    --moco-color-brand: rgb(var(--moco-color-brand-rgb));
    --moco-color-action-primary-background-rgb: 0 140 170;
    --moco-color-action-primary-background: rgb(var(--moco-color-action-primary-background-rgb));
    --moco-color-action-primary-foreground-rgb: 248 250 252;
    --moco-color-action-primary-foreground: rgb(var(--moco-color-action-primary-foreground-rgb));
    --moco-color-action-primary-hover-background-rgb: 0 110 135;
    --moco-color-action-primary-hover-background: rgb(var(--moco-color-action-primary-hover-background-rgb));
    --moco-color-action-primary-active-background: var(--moco-color-action-primary-hover-background);
    --moco-color-accent-rgb: 8 153 184;
    --moco-color-accent: rgb(var(--moco-color-accent-rgb));
    --moco-color-accent-strong-rgb: 6 127 154;
    --moco-color-accent-strong: rgb(var(--moco-color-accent-strong-rgb));
    --moco-color-accent-strong-hover-rgb: 5 106 130;
    --moco-color-accent-strong-hover: rgb(var(--moco-color-accent-strong-hover-rgb));
    --moco-color-on-accent-rgb: 255 255 255;
    --moco-color-on-accent: rgb(var(--moco-color-on-accent-rgb));
    --moco-color-accent-soft-rgb: 231 246 249;
    --moco-color-accent-soft: rgb(var(--moco-color-accent-soft-rgb));

    --moco-color-background-rgb: 244 248 250;
    --moco-color-background: rgb(var(--moco-color-background-rgb));
    --moco-color-surface-rgb: 255 255 255;
    --moco-color-surface: rgb(var(--moco-color-surface-rgb));
    --moco-color-text-primary-rgb: 42 56 67;
    --moco-color-text-primary: rgb(var(--moco-color-text-primary-rgb));
    --moco-color-text-secondary-rgb: 122 140 153;
    --moco-color-text-secondary: rgb(var(--moco-color-text-secondary-rgb));
    --moco-color-divider-rgb: 221 231 236;
    --moco-color-divider: rgb(var(--moco-color-divider-rgb));

    --moco-color-success-rgb: 4 120 87;
    --moco-color-success: rgb(var(--moco-color-success-rgb));
    --moco-color-success-background-rgb: 209 250 229;
    --moco-color-success-background: rgb(var(--moco-color-success-background-rgb));
    --moco-color-warning-rgb: 180 83 9;
    --moco-color-warning: rgb(var(--moco-color-warning-rgb));
    --moco-color-warning-background-rgb: 254 243 199;
    --moco-color-warning-background: rgb(var(--moco-color-warning-background-rgb));
    --moco-color-error-rgb: 190 18 60;
    --moco-color-error: rgb(var(--moco-color-error-rgb));
    --moco-color-error-background-rgb: 255 228 230;
    --moco-color-error-background: rgb(var(--moco-color-error-background-rgb));
    --moco-color-badge-background-rgb: 229 72 77;
    --moco-color-badge-background: rgb(var(--moco-color-badge-background-rgb));
    --moco-color-badge-text-rgb: 255 255 255;
    --moco-color-badge-text: rgb(var(--moco-color-badge-text-rgb));
}

[data-theme="dark"] {
    --moco-color-action-primary-background-rgb: var(--moco-color-brand-rgb);
    --moco-color-action-primary-foreground-rgb: 15 15 35;
    --moco-color-action-primary-hover-background-rgb: 0 168 204;

    --moco-color-accent-rgb: 79 216 245;
    --moco-color-accent: rgb(var(--moco-color-accent-rgb));
    --moco-color-accent-soft-rgb: 14 56 68;
    --moco-color-accent-soft: rgb(var(--moco-color-accent-soft-rgb));

    --moco-color-background-rgb: 13 27 32;
    --moco-color-background: rgb(var(--moco-color-background-rgb));
    --moco-color-surface-rgb: 19 38 46;
    --moco-color-surface: rgb(var(--moco-color-surface-rgb));
    --moco-color-text-primary-rgb: 231 244 248;
    --moco-color-text-primary: rgb(var(--moco-color-text-primary-rgb));
    --moco-color-text-secondary-rgb: 143 176 188;
    --moco-color-text-secondary: rgb(var(--moco-color-text-secondary-rgb));
    --moco-color-divider-rgb: 36 68 79;
    --moco-color-divider: rgb(var(--moco-color-divider-rgb));

    --moco-color-success-rgb: 52 211 153;
    --moco-color-success: rgb(var(--moco-color-success-rgb));
    --moco-color-success-background-rgb: 16 185 129;
    --moco-color-success-background: rgb(var(--moco-color-success-background-rgb) / 0.15);
    --moco-color-warning-rgb: 251 191 36;
    --moco-color-warning: rgb(var(--moco-color-warning-rgb));
    --moco-color-warning-background-rgb: 251 191 36;
    --moco-color-warning-background: rgb(var(--moco-color-warning-background-rgb) / 0.15);
    --moco-color-error-rgb: 251 113 133;
    --moco-color-error: rgb(var(--moco-color-error-rgb));
    --moco-color-error-background-rgb: 251 113 133;
    --moco-color-error-background: rgb(var(--moco-color-error-background-rgb) / 0.15);

    --moco-color-selection-foreground: rgb(var(--moco-color-brand-rgb));
    --moco-color-selection-background: rgb(var(--moco-color-brand-rgb) / 0.10);
    --moco-color-selection-border: rgb(var(--moco-color-brand-rgb) / 0.20);
}