/* ============================================================
   Score-View  --  CSS Custom Properties (Design Tokens)
   ============================================================ */

:root {
  /* ---- Primary palette ---- */
  --sv-primary:          #1565c0;
  --sv-primary-light:    #1e88e5;
  --sv-primary-dark:     #0d47a1;
  --sv-primary-bg:       #e3f2fd;

  /* ---- Secondary / accent ---- */
  --sv-secondary:        #546e7a;
  --sv-secondary-light:  #78909c;
  --sv-secondary-dark:   #37474f;

  /* ---- Semantic colours ---- */
  --sv-success:          #2e7d32;
  --sv-success-light:    #4caf50;
  --sv-success-bg:       #e8f5e9;

  --sv-danger:           #c62828;
  --sv-danger-light:     #ef5350;
  --sv-danger-bg:        #ffebee;

  --sv-warning:          #f57f17;
  --sv-warning-light:    #ffb300;
  --sv-warning-bg:       #fff8e1;

  --sv-info:             #0277bd;
  --sv-info-light:       #29b6f6;
  --sv-info-bg:          #e1f5fe;

  /* ---- Neutral / grey scale ---- */
  --sv-gray-50:          #fafafa;
  --sv-gray-100:         #f5f5f5;
  --sv-gray-200:         #eeeeee;
  --sv-gray-300:         #e0e0e0;
  --sv-gray-400:         #bdbdbd;
  --sv-gray-500:         #9e9e9e;
  --sv-gray-600:         #757575;
  --sv-gray-700:         #616161;
  --sv-gray-800:         #424242;
  --sv-gray-900:         #212121;

  /* ---- Text ---- */
  --sv-text:             #212121;
  --sv-text-muted:       #757575;
  --sv-text-light:       #ffffff;

  /* ---- Background ---- */
  --sv-bg-body:          #f4f6f9;
  --sv-bg-card:          #ffffff;
  --sv-bg-sidebar:       #263238;

  /* ---- Borders ---- */
  --sv-border-color:     #dee2e6;
  --sv-border-radius:    0.375rem;
  --sv-border-radius-sm: 0.25rem;
  --sv-border-radius-lg: 0.5rem;

  /* ---- Spacing scale ---- */
  --sv-space-xs:  0.25rem;
  --sv-space-sm:  0.5rem;
  --sv-space-md:  1rem;
  --sv-space-lg:  1.5rem;
  --sv-space-xl:  2rem;
  --sv-space-2xl: 3rem;

  /* ---- Shadows ---- */
  --sv-shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
  --sv-shadow-md:  0 4px 12px rgba(0,0,0,0.1);
  --sv-shadow-lg:  0 8px 24px rgba(0,0,0,0.12);

  /* ---- Transitions ---- */
  --sv-transition-fast:   150ms ease;
  --sv-transition-normal: 250ms ease;

  /* ---- Font ---- */
  --sv-font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --sv-font-size-base: 0.9375rem;
}