/* ActiWise-tokens. GENERERT AV scripts/build-tokens.mjs - IKKE REDIGER.
   Kilde: tokens/actiwise.tokens.json v1.5.0.

   Filen er palett og mål, ikke stil: ingenting her gir noe et utseende.
   Appen kobler sine egne navn på disse, og det koblingspunktet er det
   eneste stedet de to vokabularene møtes.

   Mørkt fargeskjema ligger i tokens-dark.css og importeres i tillegg av
   de appene som har mørk modus. */

:root {
  /* --- Ramper. Skjemauavhengige: dette er merkevarens rå farger. --- */
  --aw-teal-50: #ecfdf8;
  --aw-teal-100: #d1faef;
  --aw-teal-200: #a7f3df;
  --aw-teal-300: #6ee7c5;
  --aw-teal-400: #34d3aa;
  --aw-teal-500: #08a88a;
  --aw-teal-600: #078776;
  --aw-teal-700: #076b60;
  --aw-teal-800: #07564f;
  --aw-teal-900: #06463f;

  --aw-navy-50: #f1f5f9;
  --aw-navy-100: #e2e8f0;
  --aw-navy-200: #cbd5e1;
  --aw-navy-300: #94a3b8;
  --aw-navy-400: #64748b;
  --aw-navy-500: #16324f;
  --aw-navy-600: #102943;
  --aw-navy-700: #0c233b;
  --aw-navy-800: #081c32;
  --aw-navy-900: #061727;

  --aw-mint: #cdefe7;
  --aw-off-white: #f7faf9;

  /* --- Semantiske roller, lyst skjema. --- */
  --aw-bg: #f7faf9;
  --aw-surface: #ffffff;
  --aw-surface-subtle: #f1f6f4;
  --aw-text: #16324f;
  --aw-text-muted: #5f7470;
  --aw-border: #dce5e3;
  --aw-border-strong: #b9c9c5;
  --aw-border-control: #7a8e8a;
  --aw-primary: #076b60;
  --aw-primary-hover: #07564f;
  --aw-primary-soft: #d1faef;
  --aw-accent: #08a88a;
  --aw-focus: #08a88a;
  --aw-success: #087a5b;
  --aw-warning: #a85f00;
  --aw-danger: #b42318;
  --aw-info: #246bce;
  --aw-on-primary: #ffffff;
  --aw-on-primary-muted: #cdefe7;

  /* Samme verdi, to navn - se alias i tokenfilen. */
  --aw-amber: var(--aw-warning);

  /* --- Utledet. Ikke nye merkevareverdier; de følger skjemaet selv. --- */
  --aw-ring: 0 0 0 3px color-mix(in srgb, var(--aw-focus) 30%, transparent);
  --aw-focus-outline: 3px solid color-mix(in srgb, var(--aw-focus) 45%, transparent);
  --aw-transition: var(--aw-motion-normal) var(--aw-easing);
  --aw-transition-fast: var(--aw-motion-fast) var(--aw-easing);
  --aw-surface-hover: color-mix(in srgb, var(--aw-primary-soft) 45%, var(--aw-surface));
  --aw-success-soft: color-mix(in srgb, var(--aw-success) 12%, var(--aw-surface));
  --aw-warning-soft: color-mix(in srgb, var(--aw-warning) 14%, var(--aw-surface));
  --aw-danger-soft: color-mix(in srgb, var(--aw-danger) 11%, var(--aw-surface));
  --aw-info-soft: color-mix(in srgb, var(--aw-info) 11%, var(--aw-surface));
  --aw-violet: #7b61c9;

  /* --- Seriefarger. Rekkefølgen er fast. --- */
  --aw-chart-1: var(--aw-primary);
  --aw-chart-2: var(--aw-info);
  --aw-chart-3: var(--aw-violet);
  --aw-chart-4: var(--aw-warning);
  --aw-chart-5: var(--aw-danger);
  --aw-chart-6: var(--aw-text-muted);

  /* --- Mørke navy-felt i en ellers lys app. --- */
  --aw-on-dark: #f7faf9;
  --aw-on-dark-muted: #b8c7c3;
  --aw-on-dark-accent: #6ee7c5;
  --aw-on-dark-border: color-mix(in srgb, #ffffff 14%, transparent);

  /* --- Skrift. --- */
  --aw-font-display: "Manrope Variable", Manrope, "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --aw-font-body: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --aw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --aw-weight-regular: 400;
  --aw-weight-medium: 500;
  --aw-weight-semibold: 600;
  --aw-weight-bold: 700;
  --aw-size-xs: 0.75rem;
  --aw-size-sm: 0.875rem;
  --aw-size-base: 1rem;
  --aw-size-lg: 1.125rem;
  --aw-size-xl: 1.25rem;
  --aw-size-2xl: 1.5rem;
  --aw-size-3xl: 1.875rem;
  --aw-size-4xl: 2.25rem;
  --aw-leading-tight: 1.2;
  --aw-leading-snug: 1.35;
  --aw-leading-normal: 1.5;
  --aw-leading-relaxed: 1.65;

  /* --- Rom, form, dybde, bevegelse. --- */
  --aw-space-0: 0;
  --aw-space-1: 0.25rem;
  --aw-space-2: 0.5rem;
  --aw-space-3: 0.75rem;
  --aw-space-4: 1rem;
  --aw-space-5: 1.25rem;
  --aw-space-6: 1.5rem;
  --aw-space-8: 2rem;
  --aw-space-10: 2.5rem;
  --aw-space-12: 3rem;
  --aw-space-16: 4rem;
  --aw-space-20: 5rem;
  --aw-space-24: 6rem;
  --aw-radius-sm: 0.5rem;
  --aw-radius-md: 0.75rem;
  --aw-radius-lg: 1rem;
  --aw-radius-xl: 1.5rem;
  --aw-radius-pill: 9999px;
  --aw-shadow-sm: 0 1px 2px rgb(6 23 39 / 6%);
  --aw-shadow-md: 0 8px 24px rgb(6 23 39 / 8%);
  --aw-shadow-lg: 0 18px 48px rgb(6 23 39 / 12%);
  --aw-motion-fast: 120ms;
  --aw-motion-normal: 180ms;
  --aw-motion-slow: 240ms;
  --aw-easing: cubic-bezier(0.2, 0, 0, 1);

  /* --- Mål i skallet. --- */
  --aw-content-max: 80rem;
  --aw-reading-max: 44rem;
  --aw-sidebar: 16rem;
  --aw-sidebar-closed: 4.25rem;
  --aw-header: 4rem;
  --aw-control-h-sm: 2.25rem;
  --aw-control-h: 2.75rem;
  --aw-control-h-lg: 3rem;
}