/* ========================================
   Design Tokens — BIS Consult
   ======================================== */

:root {
  /* === Colors === */
  --c-primary:       #0F172A;
  --c-primary-light: #1E293B;
  --c-primary-dark:  #020617;
  --c-white:         #FFFFFF;
  --c-white-soft:    #F8FAFC;
  --c-accent:        #06B6D4;
  --c-accent-hover:  #0891B2;
  --c-accent-light:  #22D3EE;
  --c-accent-glow:   rgba(6, 182, 212, 0.15);
  --c-accent-glow-strong: rgba(6, 182, 212, 0.3);
  --c-text:          #E2E8F0;
  --c-text-muted:    #94A3B8;
  --c-text-dark:     #0F172A;
  --c-border:        #334155;
  --c-border-light:  #475569;
  --c-success:       #10B981;
  --c-error:         #EF4444;

  /* === Typography === */
  --ff-primary: 'Inter', system-ui, -apple-system, sans-serif;
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.25rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  2rem;
  --fs-3xl:  2.5rem;
  --fs-4xl:  3rem;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold: 600;
  --fw-bold:    700;
  --lh-tight:  1.2;
  --lh-base:   1.6;
  --lh-relaxed: 1.8;

  /* === Spacing (8px base) === */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* === Layout === */
  --container-max: 1200px;
  --container-pad: var(--sp-4);
  --nav-height: 64px;
  --radius: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* === Transitions === */
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --duration: 300ms;
  --transition: var(--duration) var(--ease-out);
}