/**
 * Pytheos UI kit — design tokens (--py-*)
 * Alias des couleurs :root de redpilot.css (pas de color-mix / variantes calculées).
 * Load after redpilot.css so --primary-color etc. are available.
 */
:root {
  /* Semantic colors */
  --py-primary: var(--primary-color, #4e9af2);
  --py-primary-light: var(--primarylight-color, #edf5fe);
  --py-primary-dark: var(--primarydark-color, #376ca9);
  --py-info: var(--info-color, #38cbea);
  --py-info-light: var(--infolight-color, #AFEAF7);
  --py-info-dark: var(--infodark-color, #3f6f97);
  --py-success: var(--success-color, #42c9d0);
  --py-success-light: var(--successlight-color, #B3E9EC);
  --py-success-dark: var(--successdark-color, #2e8d92);
  --py-danger: var(--danger-color, #ed7199);
  --py-danger-light: var(--dangerlight-color, #F8C6D6);
  --py-danger-dark: var(--dangerdark-color, #a64f6b);
  --py-warning: var(--warning-color, #f4a652);
  --py-warninglight: var(--warninglight-color, #FBDBBA);
  --py-warning-dark: var(--warningdark-color, #d4892e);
  --py-purple: var(--purple-color, #a78bfa);
  --py-purple-light: var(--purplelight-color, #f6f3ff);
  --py-purple-dark: var(--purpledark-color, #7561af);
  --py-star: var(--yellowstar-color, #dcc552);

  /* Soft / border / text = couleurs palette, pas des mixes */
  --py-primary-soft: var(--py-primary-light);
  --py-primary-soft-strong: var(--py-primary-light);
  --py-primary-border: var(--py-primary-light);
  --py-primary-text: var(--py-primary);

  --py-info-soft: var(--py-info-light);
  --py-info-border: var(--py-info-light);
  --py-info-text: var(--py-info);

  --py-success-soft: var(--py-success-light);
  --py-success-border: var(--py-success-light);
  --py-success-text: var(--py-success);

  --py-danger-soft: var(--py-danger-light);
  --py-danger-border: var(--py-danger-light);
  --py-danger-text: var(--py-danger);

  --py-warning-soft: var(--py-warninglight);
  --py-warning-border: var(--py-warninglight);
  --py-warning-text: var(--py-warning);

  --py-purple-soft: var(--py-purple-light);
  --py-purple-border: var(--py-purple-light);
  --py-purple-text: var(--py-purple);

  --py-neutral-soft: #f8fafc;
  --py-neutral-border: rgba(148, 163, 184, 0.35);
  --py-neutral-text: #475569;
  --py-muted: #64748b;
  --py-text: #0f172a;
  --py-text-secondary: #475569;

  /* Surfaces */
  --py-canvas: #e8eaed;
  --py-surface: #fff;
  --py-surface-border: rgba(15, 23, 42, 0.08);
  --py-surface-border-hover: rgba(66, 151, 221, 0.26);
  --py-surface-radius: 12px;
  --py-surface-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 14px rgba(15, 23, 42, 0.05);
  --py-surface-shadow-hover: 0 2px 6px rgba(15, 23, 42, 0.06), 0 10px 28px rgba(66, 151, 221, 0.1);
  --py-card-shadow: 0 2px 10px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);

  /* Controls */
  --py-control-radius: 8px;
  --py-icon-btn-size: 30px;
  --py-focus-ring: var(--py-primary-light);
  --py-chip-color: var(--py-muted);

  /* Spacing scale */
  --py-space-1: 4px;
  --py-space-2: 6px;
  --py-space-3: 8px;
  --py-space-4: 10px;
  --py-space-5: 12px;
  --py-space-6: 16px;
  --py-space-7: 20px;
  --py-space-8: 24px;

  /* Typography — app default (AdminLTE / activity headers) */
  --py-font: "Source Sans Pro", Arial, sans-serif;
  --py-font-size: 13px;
  --py-font-size-sm: 12px;
  --py-font-size-xs: 11px;
  --py-font-size-lg: 15px;
  --py-line-height: 1.3;

  /* Z-index */
  --py-z-dropdown: 1000;
  --py-z-modal: 1050;
  --py-z-toast: 10000;
  --py-z-tooltip: 1070;

  /* Motion */
  --py-surface-transition: box-shadow 0.18s ease, border-color 0.18s ease;
}