/* Ma Voix — jetons de design repris à l'identique des maquettes Claude Design */
:root {
  /* Marque */
  --blue: #1a4fd8;
  --blue-dark: #0f2745;
  --violet: #7b39c9;
  --red: #ef2b3d;            /* LIKE */
  --green: oklch(0.62 0.14 150); /* JOIN / DONE */

  /* Texte */
  --ink: #0d1b3e;
  --ink-2: #33436b;
  --muted: #5a6b8c;
  --muted-2: #7c8db0;
  --muted-3: #9aa8c2;
  --comment-time: #7b91a8;
  --chip-ink: #29406e;

  /* Surfaces */
  --surface: #fff;
  --surface-2: #f5f8fd;
  --surface-3: #f7f9fe;
  --tint: #eef3ff;
  --tint-2: #e8eefc;
  --tint-3: #dbe4fa;
  --disabled: #e7ecf7;

  /* Traits */
  --border: #e4eaf6;
  --border-2: #cdd8ee;

  /* Dégradés */
  --grad-screen: linear-gradient(112deg, #1a4fd8 0%, #7b39c9 48%, #ef2b3d 100%);
  --grad-cta: linear-gradient(96deg, #1a4fd8 0%, #7b39c9 55%, #ef2b3d 100%);

  /* Hachures des visuels en attente d'image */
  --hatch: repeating-linear-gradient(135deg, rgba(26, 79, 216, .12) 0 9px, rgba(239, 43, 61, .07) 9px 18px);
  --hatch-sm: repeating-linear-gradient(135deg, rgba(26, 79, 216, .14) 0 8px, rgba(239, 43, 61, .07) 8px 16px);
  --hatch-lg: repeating-linear-gradient(135deg, rgba(26, 79, 216, .12) 0 10px, rgba(239, 43, 61, .07) 10px 20px);

  /* Ombres */
  --shadow-row: 0 2px 8px rgba(16, 40, 70, .06);
  --shadow-btn: 0 2px 8px rgba(12, 28, 70, .18);
  --shadow-tile: 0 6px 18px rgba(12, 28, 70, .18);
  --shadow-modal: 0 18px 50px rgba(12, 28, 48, .34);

  /* Typographie */
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: ui-monospace, Menlo, monospace;
}