/* BOS Design Tokens – Version 1.0 · Sprint 2 */
:root {
  /* Hintergründe */
  --color-bg-page:         #F8F8F8;
  --color-bg-surface:      #FFFFFF;
  --color-bg-subtle:       #F3F3F5;
  --color-bg-hover:        #F0F0F2;

  /* Seitenleiste */
  --color-sidebar-bg:      #0C0C0D;
  --color-sidebar-text:    #8A8A96;
  --color-sidebar-active:  #FFFFFF;
  --color-sidebar-hover:   #1A1A1F;
  --color-sidebar-accent:  #5B5BD6;
  --color-sidebar-section: #4A4A55;

  /* Text */
  --color-text-primary:    #111111;
  --color-text-secondary:  #6B7280;
  --color-text-tertiary:   #9CA3AF;
  --color-text-link:       #5B5BD6;
  --color-text-disabled:   #C7C7CC;
  --color-text-inverse:    #FFFFFF;

  /* Rahmen */
  --color-border:          #E5E5E7;
  --color-border-strong:   #D1D1D6;
  --color-border-focus:    #5B5BD6;

  /* Akzent – Indigo */
  --color-accent:          #5B5BD6;
  --color-accent-hover:    #4A4AC5;
  --color-accent-subtle:   #EDEDFF;
  --color-accent-text:     #3D3DA8;

  /* Erfolg */
  --color-success:         #16A34A;
  --color-success-bg:      #DCFCE7;
  --color-success-text:    #14532D;

  /* Warnung */
  --color-warning:         #D97706;
  --color-warning-bg:      #FEF3C7;
  --color-warning-text:    #92400E;

  /* Fehler */
  --color-error:           #DC2626;
  --color-error-bg:        #FEE2E2;
  --color-error-text:      #991B1B;

  /* Information */
  --color-info:            #2563EB;
  --color-info-bg:         #DBEAFE;
  --color-info-text:       #1E40AF;

  /* Abstände – 8px-Raster */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;
  --space-16: 64px;

  /* Schrift */
  --font-sans:     'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:     'JetBrains Mono', 'Fira Code', monospace;

  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 14px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;

  --font-normal:   400;
  --font-medium:   500;
  --font-semibold: 600;
  --font-bold:     700;

  --leading-tight:   1.25;
  --leading-normal:  1.5;

  /* Layout */
  --sidebar-width:  240px;
  --header-height:   48px;

  /* Radien */
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  8px;
  --radius-xl: 12px;

  /* Schatten */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.10), 0 4px 6px rgba(0,0,0,0.05);
  --shadow-xl: 0 20px 25px rgba(0,0,0,0.10), 0 10px 10px rgba(0,0,0,0.04);

  /* Übergänge */
  --duration-fast:   100ms;
  --duration-normal: 200ms;
  --duration-slow:   300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Dunkel-Modus – vorbereitet, aktiviert ab Sprint 4 */
[data-theme="dark"] {
  --color-bg-page:       #0C0C0D;
  --color-bg-surface:    #1A1A1F;
  --color-bg-subtle:     #222228;
  --color-bg-hover:      #2A2A32;
  --color-text-primary:  #F5F5F7;
  --color-text-secondary:#A1A1AA;
  --color-border:        #2A2A32;
  --color-border-strong: #3A3A45;
}