/* Nube: claro neutro con azul profesional. */
:root {
    color-scheme: light;

    --cc-page: #edf3f8;
    --cc-page-deep: #e4ebf2;
    --cc-page-glow: rgba(255, 255, 255, 0.92);

    --cc-surface-0: #ffffff;
    --cc-surface-1: #f7f9fc;
    --cc-surface-2: #eef2f7;
    --cc-surface-3: #e4eaf1;
    --cc-surface-elevated: #ffffff;
    --cc-toolbar: #f8fafc;

    --cc-text: #17212b;
    --cc-text-secondary: #4b5d6b;
    --cc-text-muted: #5f7280;
    --cc-text-disabled: #8797a3;

    --cc-border-subtle: #e4eaf0;
    --cc-border: #d4dde6;
    --cc-border-strong: #aebbc7;

    --cc-accent: #2563eb;
    --cc-accent-hover: #1d4ed8;
    --cc-accent-pressed: #1e40af;
    --cc-accent-soft: #e8f0ff;
    --cc-accent-soft-hover: #dbe7ff;
    --cc-on-accent: #ffffff;

    --cc-success: #18794e;
    --cc-success-soft: #e7f6ee;
    --cc-warning: #9a6700;
    --cc-warning-soft: #fff3cd;
    --cc-danger: #c2414b;
    --cc-danger-soft: #fff0f1;
    --cc-info: #1769aa;
    --cc-info-soft: #e9f4ff;

    --cc-folder-top: #f7c948;
    --cc-folder-bottom: #e8a82e;
    --cc-folder-shadow: rgba(151, 105, 19, 0.18);

    --cc-overlay: rgba(19, 32, 43, 0.34);
    --cc-shadow-1: 0 8px 24px rgba(33, 58, 78, 0.10);
    --cc-shadow-2: 0 24px 70px rgba(24, 49, 68, 0.18);
    --cc-focus-ring: rgba(37, 99, 235, 0.24);

    --cc-scrollbar-track: #edf2f6;
    --cc-scrollbar-thumb: #aab8c4;

    --cc-code-bg: #15191f;
    --cc-code-surface: #1d222a;
    --cc-code-text: #edf2f7;
}