/**
 * ID-Truster design tokens
 * Brug disse variabler i al hjemmeside-CSS. Aldrig hardkodede farver eller størrelser.
 * Udledt fra idtruster.com (forside, kontakt).
 */

:root {
  /* === Farver === */
  
  /* Primær brand – header, hero, nav, primære knapper */
  --idtruster-primary: #083344;
  --idtruster-primary-alt: #004d66;
  
  /* Accent – CTA-knapper, checkmarks, logo */
  --idtruster-accent: #1a7359;
  --idtruster-accent-bright: #22c55e;
  
  /* Accent rød – kun til ord-accent (fx «impersonation»), aldrig primær */
  --idtruster-accent-red: #dc3545;
  --idtruster-accent-red-alt: #ef4444;
  
  /* Baggrunde */
  --idtruster-bg: #ffffff;
  --idtruster-bg-alt: #f8f8f8;
  --idtruster-bg-alt-dark: #eeeeee;

  /* Varme tinter (privat-landing) – afledt af brandfarverne */
  --idtruster-tint-sand: #f5f0e8;
  --idtruster-tint-green: #e9f2ec;
  --idtruster-tint-green-deep: #dcebe2;
  --idtruster-tint-amber: #fbf1e2;
  --idtruster-amber: #b0762c;
  
  /* Tekst */
  --idtruster-text: #333333;
  --idtruster-text-secondary: #4b5563;
  --idtruster-text-muted: #6b7280;
  --idtruster-text-light: #a0aec0;
  
  /* Tekst på mørk baggrund */
  --idtruster-text-on-dark: #ffffff;
  
  /* Kantlinjer */
  --idtruster-border: #e5e7eb;
  --idtruster-border-light: #f3f4f6;
  
  /* === Typografi === */
  
  --idtruster-font: "Inter", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  
  --idtruster-font-size-xs: 0.75rem;
  --idtruster-font-size-sm: 0.875rem;
  --idtruster-font-size-base: 1rem;
  --idtruster-font-size-lg: 1.125rem;
  --idtruster-font-size-xl: 1.25rem;
  --idtruster-font-size-2xl: 1.5rem;
  --idtruster-font-size-3xl: 2rem;
  --idtruster-font-size-4xl: 2.5rem;
  --idtruster-font-size-5xl: 3rem;
  
  --idtruster-font-weight-normal: 400;
  --idtruster-font-weight-medium: 500;
  --idtruster-font-weight-semibold: 600;
  --idtruster-font-weight-bold: 700;
  
  --idtruster-line-height-tight: 1.25;
  --idtruster-line-height-normal: 1.5;
  --idtruster-line-height-relaxed: 1.7;
  
  /* === Spacing === */
  
  --idtruster-space-xs: 0.25rem;
  --idtruster-space-sm: 0.5rem;
  --idtruster-space-md: 1rem;
  --idtruster-space-lg: 1.5rem;
  --idtruster-space-xl: 2rem;
  --idtruster-space-2xl: 3rem;
  --idtruster-space-3xl: 4rem;
  --idtruster-space-4xl: 5rem;
  --idtruster-space-5xl: 6rem;
  
  /* Sektions-padding vertikalt */
  --idtruster-section-padding: 5rem;
  --idtruster-section-padding-sm: 3rem;
  
  /* === Layout === */
  
  --idtruster-container-max: 1200px;
  --idtruster-container-padding: 1.5rem;
  
  /* === Komponenter === */
  
  --idtruster-radius-sm: 4px;
  --idtruster-radius: 8px;
  --idtruster-radius-lg: 12px;
  
  --idtruster-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --idtruster-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --idtruster-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}