/* ============================================================================
   PAPOTE — Thèmes clair / sombre
   Palette : orange signature (#ED6C1A / #FF9E42), inspirée de l'esprit WhatsApp
   ============================================================================ */

:root,
[data-theme="light"] {
  /* Marque */
  --brand: #ED6C1A;
  --brand-dark: #D9591A;
  --brand-light: #FF9E42;
  --brand-gradient: linear-gradient(135deg, #FF9E42 0%, #ED6C1A 100%);

  /* Fond général */
  --bg-app: #ECE5DD;           /* fond de la zone de chat, ambiance papier chaud */
  --bg-panel: #FFFFFF;         /* listes, headers */
  --bg-elevated: #FFFFFF;      /* modals, popovers */
  --bg-hover: #F5F1EC;
  --bg-active: #FDEDE1;

  /* Bulles de messages */
  --bubble-out: #FFE0C2;       /* messages envoyés (teinte orange pâle) */
  --bubble-in: #FFFFFF;        /* messages reçus */
  --bubble-out-text: #2B2118;
  --bubble-in-text: #1F1F1F;

  /* Textes */
  --text-primary: #1F1F1F;
  --text-secondary: #6B6B6B;
  --text-muted: #9A9A9A;
  --text-on-brand: #FFFFFF;

  /* Bordures / séparateurs */
  --border: #E7E1D9;
  --divider: #EDE8E1;

  /* États */
  --success: #4CD964;
  --danger: #E5484D;
  --warning: #F5A623;
  --unread-badge: #ED6C1A;

  /* Coches de lecture */
  --check-sent: #9A9A9A;
  --check-read: #34B7F1;

  /* Ombres */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.10);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.16);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-bubble: 16px;

  color-scheme: light;
}

[data-theme="dark"] {
  --brand: #ED6C1A;
  --brand-dark: #C6540F;
  --brand-light: #FF9E42;
  --brand-gradient: linear-gradient(135deg, #FF9E42 0%, #D9591A 100%);

  --bg-app: #0B141A;
  --bg-panel: #111B21;
  --bg-elevated: #1F2C34;
  --bg-hover: #1A252B;
  --bg-active: #2A1B10;

  --bubble-out: #3A2418;
  --bubble-in: #1F2C34;
  --bubble-out-text: #F3E9E0;
  --bubble-in-text: #E9EDEF;

  --text-primary: #E9EDEF;
  --text-secondary: #8696A0;
  --text-muted: #667781;
  --text-on-brand: #FFFFFF;

  --border: #222E35;
  --divider: #1B262C;

  --success: #4CD964;
  --danger: #F15C5D;
  --warning: #F5A623;
  --unread-badge: #FF9E42;

  --check-sent: #8696A0;
  --check-read: #53BDEB;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.35);
  --shadow-md: 0 4px 14px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.5);

  color-scheme: dark;
}

/* Respect du choix système si l'utilisateur est en mode "auto" */
@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    --brand: #ED6C1A;
    --brand-dark: #C6540F;
    --brand-light: #FF9E42;
    --bg-app: #0B141A;
    --bg-panel: #111B21;
    --bg-elevated: #1F2C34;
    --bg-hover: #1A252B;
    --bg-active: #2A1B10;
    --bubble-out: #3A2418;
    --bubble-in: #1F2C34;
    --bubble-out-text: #F3E9E0;
    --bubble-in-text: #E9EDEF;
    --text-primary: #E9EDEF;
    --text-secondary: #8696A0;
    --text-muted: #667781;
    --border: #222E35;
    --divider: #1B262C;
    --check-sent: #8696A0;
    --check-read: #53BDEB;
    color-scheme: dark;
  }
}