/* ReNERGI – designtokens
   Färgsystem: trust-navy + solenergi-grön + varm sol-accent.
   Bas: snabb, ren, hög kontrast (WCAG AA/AAA). */

:root {
  /* Brand – navy (trygghet) */
  --navy-900: #0B1220;
  --navy-800: #0F172A;
  --navy-700: #1E293B;
  --navy-600: #334155;

  /* Brand – grön (energi/eco) */
  --green-900: #064E3B;
  --green-700: #047857;
  --green-600: #059669;
  --green-100: #D1FAE5;
  --green-50:  #ECFDF5;

  /* Accent – sol (energi/CTA) */
  --sun-600: #D97706;
  --sun-500: #F59E0B;
  --sun-300: #FCD34D;

  /* Neutraler / ytor */
  --bg:        #F8FAFC;
  --surface:   #FFFFFF;
  --ink:       #0F172A;
  --ink-soft:  #334155;
  --muted:     #64748B;
  --border:    #E2E8F0;
  --border-soft:#EEF2F6;

  /* På mörk yta */
  --on-dark:        #F8FAFC;
  --on-dark-muted:  #C7D2DE;

  /* Semantik */
  --danger: #DC2626;

  /* Typografi */
  --font-head: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bodoni Moda", Georgia, serif;

  /* Skala */
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.375rem;
  --step-3: 1.75rem;
  --step-4: 2.25rem;
  --step-5: clamp(2.5rem, 1.6rem + 3.6vw, 4rem);

  /* Rum (8px-rytm) */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* Radie */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Skuggor (subtila) */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, .08);
  --shadow-lg: 0 24px 60px rgba(15, 23, 42, .14);

  --container: 1200px;
  --ring: 0 0 0 3px rgba(5, 150, 105, .35);
}