/* Jetons de design Pixalio « Arcade » (SPEC v2 §13).
   Source : pixalio-ui/src/tokens.css ; copie identique dans auth (test de dérive). */
:root {
  --px-bg: #0E0F1F;
  --px-surface: #181A33;
  --px-surface-raised: #20234A;
  --px-border: #2A2D55;
  --px-text: #F2F3FF;
  --px-text-muted: #9095C7;
  --px-accent: #22D3EE;
  --px-accent-2: #F472B6;
  --px-on-accent: #0E0F1F;
  --px-success: #4ADE80;
  --px-warning: #FBBF24;
  --px-danger: #F87171;
  --px-font-ui: "Space Grotesk", "Inter", system-ui, sans-serif;
  --px-font-body: "Inter", "Space Grotesk", system-ui, sans-serif;
  --px-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --px-radius-control: 6px;
  --px-radius-card: 12px;
  --px-space-1: 4px;
  --px-space-2: 8px;
  --px-space-3: 12px;
  --px-space-4: 16px;
  --px-space-5: 24px;
  --px-space-6: 32px;
  color-scheme: dark;
}

[data-theme="light"] {
  --px-bg: #F6F7FF;
  --px-surface: #FFFFFF;
  --px-surface-raised: #EEF0FF;
  --px-border: #D5D8F0;
  --px-text: #14162E;
  --px-text-muted: #5A5F8F;
  color-scheme: light;
}

[data-app="gallery"] { --px-accent: #22D3EE; }
[data-app="radio"] { --px-accent: #FB923C; }
[data-app="video"] { --px-accent: #F87171; }
[data-app="asciiart"] { --px-accent: #4ADE80; }
[data-app="chat"] { --px-accent: #60A5FA; }
[data-app="auth"] { --px-accent: #F472B6; }