/*
 * Theme Name:  Astral Internet
 * Theme Slug:  astral
 * Description: Variante Astral Internet — orange corail et marine alignés sur le site principal. Idéal si le module s'intègre directement à la marque hôte.
 * Author:      Astral Internet
 * Version:     1.0.0
 * Supports:    light, dark
 *
 * ----
 * Colour-only theme file. Defines the --lc-* colour custom properties for the
 * light and dark modes. Loaded at runtime by the active colour theme; pairs with
 * the colour-agnostic base tokens in styles/_tokens.css. To create a new theme,
 * copy this file, change the header above (Theme Name / Theme Slug) and recolour.
 */

/* ============================================================
 * Light mode — Corail #EF6C3A · Marine #1A2333
 * ============================================================ */

:root,
:root[data-theme='light'] {
    /* Brand palette (primary = corail, accent = marine) */
    --lc-magenta: #EF6C3A;
    --lc-magenta-hover: #d65a2c;
    --lc-magenta-soft: #fdeee6;
    --lc-cyan: #1A2333;
    --lc-cyan-soft: #e7eaf0;
    --lc-ink: #1A2333;

    /* Neutrals */
    --lc-canvas: #F4F6FA;
    --lc-surface: #F7F8FB;
    --lc-surface-2: #FFFFFF;
    --lc-border: #E2E6EE;
    --lc-border-soft: #EDF0F5;
    --lc-muted: #5F6B7E;
    --lc-text: #1A2333;
    --lc-text-strong: #0F1622;

    /* Semantic */
    --lc-success: #16A34A;
    --lc-warning: #D97706;
    --lc-danger: #DC2626;
    --lc-info: #2563EB;

    /* Visitor / operator chat bubbles */
    --lc-bubble-visitor-bg: #EDF0F5;
    --lc-bubble-visitor-text: #1A2333;
    --lc-bubble-operator-bg: var(--lc-magenta);
    --lc-bubble-operator-text: #FFFFFF;
    --lc-bubble-system-bg: transparent;
    --lc-bubble-system-text: var(--lc-muted);
    --lc-bubble-whisper-bg: #F3E8FF;
    --lc-bubble-whisper-text: #6B21A8;
    --lc-bubble-whisper-border: #A855F7;

    /* Status dots */
    --lc-status-online: #16A34A;
    --lc-status-away: #D97706;
    --lc-status-offline: #9CA3AF;

    /* Sidebar (admin) */
    --lc-sidebar-bg: var(--lc-surface-2);
    --lc-sidebar-text: var(--lc-text);
    --lc-sidebar-muted: var(--lc-muted);
    --lc-sidebar-hover-bg: var(--lc-canvas);
    --lc-sidebar-active-bg: var(--lc-magenta-soft);
    --lc-sidebar-active-text: var(--lc-magenta);
    --lc-sidebar-border: var(--lc-border-soft);
    --lc-sidebar-section: #9AA4B3;

    /* Header (operator console) — marine */
    --lc-op-header-bg: var(--lc-ink);
    --lc-op-header-text: #F1F3F8;
    --lc-op-header-muted: #93A4C0;
}

/* ============================================================
 * Dark mode — Corail #F37D52 · fond Toile #0F1622
 * ============================================================ */

:root[data-theme='dark'] {
    /* Brand palette (softened corail for dark backgrounds) */
    --lc-magenta: #F37D52;
    --lc-magenta-hover: #ff9268;
    --lc-magenta-soft: #3a2418;
    --lc-cyan: #93A4C0;
    --lc-cyan-soft: #1c2638;
    --lc-ink: #F1F3F8;

    /* Neutrals (inverted) */
    --lc-canvas: #0F1622;
    --lc-surface: #1A2333;
    --lc-surface-2: #232C3F;
    --lc-border: #313C52;
    --lc-border-soft: #232C3F;
    --lc-muted: #93A4C0;
    --lc-text: #F1F3F8;
    --lc-text-strong: #FFFFFF;

    /* Semantic — same hues, restated for clarity */
    --lc-success: #22C55E;
    --lc-warning: #F59E0B;
    --lc-danger: #EF4444;
    --lc-info: #3B82F6;

    /* Bubbles */
    --lc-bubble-visitor-bg: #232C3F;
    --lc-bubble-visitor-text: #F1F3F8;
    --lc-bubble-operator-bg: var(--lc-magenta);
    --lc-bubble-operator-text: #FFFFFF;
    --lc-bubble-whisper-bg: #2D1A4A;
    --lc-bubble-whisper-text: #D8B4FE;
    --lc-bubble-whisper-border: #A855F7;

    /* Sidebar (admin) — marine surfaces */
    --lc-sidebar-bg: var(--lc-surface);
    --lc-sidebar-text: var(--lc-text);
    --lc-sidebar-muted: var(--lc-muted);
    --lc-sidebar-hover-bg: var(--lc-surface-2);
    --lc-sidebar-active-bg: var(--lc-magenta-soft);
    --lc-sidebar-active-text: #F37D52;
    --lc-sidebar-border: var(--lc-border-soft);
    --lc-sidebar-section: #5F6B7E;

    /* Header (operator console) — deepest marine */
    --lc-op-header-bg: #0B111C;
    --lc-op-header-text: #F1F3F8;
    --lc-op-header-muted: #5F6B7E;
}