/* ═══════════════════════════════════════════════════════════════════
   Cloud Elf — Rose Dawn Theme
   Pastel pink/rose, warm blush backgrounds, rounded corners,
   sans-serif typography, no CRT effects.
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="cloud-elf"] {
    /* Depth layers — warm blush */
    --bg-void: #FFF5F0;
    --bg-deep: #FFF0EB;
    --bg-base: #FFEBE5;
    --bg-surface: #FFFFFF;
    --bg-elevated: #FFF8F5;
    --bg-hover: #FFE8E0;
    --bg-active: #FFD5CC;

    /* Borders — rose tints */
    --border-subtle: #FFE0D5;
    --border-default: #FFCCC0;
    --border-bright: #FFB5A5;
    --border-focus: #E8618C;

    /* Primary accent: Rose */
    --accent: #E8618C;
    --accent-bright: #FF7BA0;
    --accent-dim: #C94D75;
    --accent-bg: rgba(232, 97, 140, 0.06);
    --accent-bg-strong: rgba(232, 97, 140, 0.12);
    --accent-glow: 0 0 24px rgba(232, 97, 140, 0.15);
    --accent-glow-soft: 0 0 40px rgba(232, 97, 140, 0.06);

    /* Text — warm dark tones (high contrast for readability) */
    --text-bright: #1A0F1C;
    --text-primary: #382838;
    --text-secondary: #6A5A6C;
    --text-muted: #8A7A8C;
    --text-dim: #C8BCC9;

    /* Status colors — softer versions */
    --success: #2EAA5C;
    --success-bg: rgba(46, 170, 92, 0.08);
    --success-border: rgba(46, 170, 92, 0.25);
    --warning: #E8A020;
    --warning-bg: rgba(232, 160, 32, 0.06);
    --warning-border: rgba(232, 160, 32, 0.25);
    --danger: #D94452;
    --danger-bg: rgba(217, 68, 82, 0.06);
    --danger-border: rgba(217, 68, 82, 0.25);

    /* User message — light rose tint */
    --user-bg: #FFF0F5;
    --user-bg-end: #FFE8EF;
    --user-border: rgba(232, 97, 140, 0.15);

    /* Bot message — light surface */
    --bot-bg-end: #FFF5F2;

    /* Accent RGBA helpers — rose-tinted */
    --accent-shadow: rgba(232, 97, 140, 0.06);
    --accent-tint: rgba(232, 97, 140, 0.03);
    --accent-border-light: rgba(232, 97, 140, 0.15);
    --success-glow: rgba(46, 170, 92, 0.25);
    --success-tint: rgba(46, 170, 92, 0.15);
    --success-text: #1a8a45;

    /* Accent opacity scale — rose-tinted */
    --accent-02: rgba(232, 97, 140, 0.02);
    --accent-03: rgba(232, 97, 140, 0.03);
    --accent-04: rgba(232, 97, 140, 0.04);
    --accent-06: rgba(232, 97, 140, 0.06);
    --accent-08: rgba(232, 97, 140, 0.08);
    --accent-10: rgba(232, 97, 140, 0.10);
    --accent-12: rgba(232, 97, 140, 0.12);
    --accent-15: rgba(232, 97, 140, 0.15);
    --accent-18: rgba(232, 97, 140, 0.18);
    --accent-20: rgba(232, 97, 140, 0.20);
    --accent-25: rgba(232, 97, 140, 0.25);
    --accent-30: rgba(232, 97, 140, 0.30);
    --accent-35: rgba(232, 97, 140, 0.35);
    --accent-40: rgba(232, 97, 140, 0.40);

    /* Success opacity scale — softer green */
    --success-06: rgba(46, 170, 92, 0.06);
    --success-08: rgba(46, 170, 92, 0.08);
    --success-12: rgba(46, 170, 92, 0.12);
    --success-15: rgba(46, 170, 92, 0.15);
    --success-20: rgba(46, 170, 92, 0.20);
    --success-25: rgba(46, 170, 92, 0.25);
    --success-30: rgba(46, 170, 92, 0.30);
    --success-35: rgba(46, 170, 92, 0.35);

    /* Text glow — disabled for light theme */
    --accent-text-glow: none;
    --accent-text-glow-soft: none;
    --accent-text-glow-faint: none;
    --success-text-glow: none;

    /* Typography — sans-serif primary */
    --font-display: 'Inter', 'SF Pro Display', -apple-system, system-ui, sans-serif;
    --font-body: 'Inter', 'SF Pro Text', -apple-system, system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;

    /* Layout — rounded corners */
    --radius: 8px;
    --radius-sm: 4px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    /* Atmospheric — disable CRT effects, use soft ambient */
    --grid-line: rgba(232, 97, 140, 0.02);
    --grid-size: 48px;
    --glow-ambient: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(232, 97, 140, 0.03) 0%, transparent 70%);
    --scanline-opacity: 0;
    --grid-opacity: 0.3;
}

/* ── Highlight.js overrides for light theme ───────────────────────── */
[data-theme="cloud-elf"] .hljs {
    background: #FFF8F5;
    color: #4A3A4C;
}
[data-theme="cloud-elf"] .hljs-keyword,
[data-theme="cloud-elf"] .hljs-selector-tag,
[data-theme="cloud-elf"] .hljs-built_in {
    color: #C94D75;
}
[data-theme="cloud-elf"] .hljs-string,
[data-theme="cloud-elf"] .hljs-addition {
    color: #2EAA5C;
}
[data-theme="cloud-elf"] .hljs-comment,
[data-theme="cloud-elf"] .hljs-quote {
    color: #B0A0B2;
    font-style: italic;
}
[data-theme="cloud-elf"] .hljs-number,
[data-theme="cloud-elf"] .hljs-literal {
    color: #E8618C;
}
[data-theme="cloud-elf"] .hljs-title,
[data-theme="cloud-elf"] .hljs-section,
[data-theme="cloud-elf"] .hljs-name {
    color: #8b5cf6;
}
[data-theme="cloud-elf"] .hljs-attr,
[data-theme="cloud-elf"] .hljs-attribute {
    color: #E8A020;
}
[data-theme="cloud-elf"] .hljs-variable,
[data-theme="cloud-elf"] .hljs-template-variable {
    color: #E8618C;
}
[data-theme="cloud-elf"] .hljs-type,
[data-theme="cloud-elf"] .hljs-class .hljs-title {
    color: #3b82f6;
}
[data-theme="cloud-elf"] .hljs-deletion {
    color: #D94452;
}
[data-theme="cloud-elf"] .hljs-meta {
    color: #8A7A8C;
}