/* ===================================================================
   REALM SYSTEM — Visual Identity for Forum Duality
   ===================================================================
   Bordel  → Brutaliste, nerveux, angles durs, rouge néon
   Poirier → Organique, serein, arrondi, lecture longue
   
   Usage: document.documentElement.setAttribute('data-realm', 'bordel'|'poirier')
   
   Architecture: Override les design tokens existants via spécificité
   d'attribut. Ne redéfinit QUE les variables, jamais de sélecteurs
   sur des classes — compatible avec tous les thèmes (dark, light-ether,
   deep-ether, grey, custom).
   =================================================================== */

/* ===================================================================
   BORDEL — "Brutalisme Contrôlé"
   Concept: Vitesse, chaos léger, énergie punk
   =================================================================== */

[data-realm="bordel"] {
    /* Géométrie — angles durs, zéro douceur */
    --radius-xs: 0px;
    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;
    --radius-xl: 6px;

    /* Timing — réactions nerveuses, quasi instantanées */
    --duration-instant: 0ms;
    --duration-fast: 50ms;
    --duration-normal: 100ms;
    --duration-slow: 180ms;
    --duration-slower: 280ms;

    /* Courbe — linéaire, pas de rebond, pas de spring */
    --ease-out-expo: cubic-bezier(0.0, 0.0, 0.2, 1);
    --ease-spring: cubic-bezier(0.0, 0.0, 0.2, 1);
    --ease-bounce: cubic-bezier(0.0, 0.0, 0.2, 1);
}

/* Accents Bordel — Rouge néon agressif (override thème-agnostique) */
[data-realm="bordel"][data-theme="dark"],
[data-realm="bordel"][data-theme="grey"],
[data-realm="bordel"][data-theme="custom"],
[data-realm="bordel"][data-theme="deep-ether"] {
    --accent-danger: #ff003c;
    --role-admin: #ff003c;
    --role-admin-bg: rgba(255, 0, 60, 0.12);
}

[data-realm="bordel"][data-theme="light-ether"],
[data-realm="bordel"]:root {
    --accent-danger: #dc2626;
    --role-admin: #dc2626;
    --role-admin-bg: rgba(220, 38, 38, 0.10);
}

/* Bordel — Micro-détails brutaux */
[data-realm="bordel"] {
    --radius-squircle: 4%;
    --radius-full: 4px;
}


/* ===================================================================
   POIRIER — "Organique Contemplatif"
   Concept: Sérénité, focus lecture, formes douces
   =================================================================== */

[data-realm="poirier"] {
    /* Géométrie — tout est arrondi, doux, pill-shaped */
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 28px;

    /* Timing — animations amples, fluid, contemplatives */
    --duration-instant: 80ms;
    --duration-fast: 220ms;
    --duration-normal: 350ms;
    --duration-slow: 500ms;
    --duration-slower: 750ms;

    /* Courbe — fluid, organique, légèrement bouncy */
    --ease-out-expo: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-spring: cubic-bezier(0.2, 0.9, 0.3, 1.1);
    --ease-bounce: cubic-bezier(0.34, 1.3, 0.64, 1);
}

/* Poirier — Avatars doux */
[data-realm="poirier"] {
    --radius-squircle: 38%;
    --radius-full: 9999px;
}

/* Poirier light — Palette adoucie pour la lecture */
[data-realm="poirier"][data-theme="light-ether"],
[data-realm="poirier"]:root:not([data-theme]) {
    --text-main: #2d3436;
    --bg-body: rgba(249, 249, 247, 0.95);
}

/* Poirier dark — Contraste réduit pour confort nocturne */
[data-realm="poirier"][data-theme="dark"],
[data-realm="poirier"][data-theme="grey"],
[data-realm="poirier"][data-theme="custom"],
[data-realm="poirier"][data-theme="deep-ether"] {
    --post-content-color: #c8cec9;
}