{
  "$schema": "https://design-tokens.org/draft/2024/spec.json",
  "$description": "Prosjektportalens designsystem — fargepalett og kjernetokens. Kilde: src/app/globals.css (brand) og Tailwind 4-defaults (tekst). Sist oppdatert: 2026-10-07.",
  "color": {
    "brand": {
      "$description": "Primær merkevare-skala basert på logoens hovedfarge #be3e43.",
      "50": {
        "$value": "#fdf3f3",
        "$type": "color"
      },
      "100": {
        "$value": "#fbe5e7",
        "$type": "color"
      },
      "200": {
        "$value": "#f6c5c8",
        "$type": "color"
      },
      "300": {
        "$value": "#e57a73",
        "$type": "color"
      },
      "400": {
        "$value": "#d4646a",
        "$type": "color"
      },
      "500": {
        "$value": "#be3e43",
        "$type": "color",
        "$description": "Primær brand-farge — bruk for handling og highlights."
      },
      "600": {
        "$value": "#a13539",
        "$type": "color"
      },
      "700": {
        "$value": "#8b1a1f",
        "$type": "color",
        "$description": "Mørk variant — start på gradient-titler."
      },
      "800": {
        "$value": "#631317",
        "$type": "color"
      },
      "900": {
        "$value": "#46090b",
        "$type": "color"
      }
    },
    "text": {
      "$description": "Tekstfarger på hvit bakgrunn. Tekst skal ha minst 4,5:1 kontrast (WCAG AA) — gray-400 og amber-600 er forbeholdt ikoner, prikker og deaktiverte felt.",
      "primary": {
        "$value": "#101828",
        "$type": "color",
        "$description": "gray-900 — brødtekst og titler (17,8:1)."
      },
      "secondary": {
        "$value": "#4a5565",
        "$type": "color",
        "$description": "gray-600 — sekundær brødtekst (7,6:1)."
      },
      "muted": {
        "$value": "#6a7282",
        "$type": "color",
        "$description": "gray-500 — meta-tekst og etiketter; lyseste grå for tekst (4,8:1)."
      },
      "amber": {
        "$value": "#bb4d00",
        "$type": "color",
        "$description": "amber-700 — tekst for kommende/planlagt status (5,0:1)."
      }
    }
  },
  "gradient": {
    "title": {
      "$value": "linear-gradient(to right, #8b1a1f, #be3e43, #e57a73)",
      "$type": "gradient",
      "$description": "Standard gradient brukt på highlight-suffiks i titler. Tailwind: from-brand-700 via-brand-500 to-brand-300."
    },
    "hero-bg": {
      "$value": "linear-gradient(to bottom, rgba(188, 62, 66, 0.1), #ffffff, #ffffff)",
      "$type": "gradient",
      "$description": "Subtil gradient-bakgrunn på hero-seksjoner. Tailwind: bg-gradient-to-b from-brand-500/10 via-white to-white."
    }
  },
  "typography": {
    "fontFamily": {
      "$value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
      "$type": "fontFamily",
      "$description": "System-fonter — valgt for ytelse, lesbarhet og native plattform-feel."
    }
  },
  "logo": {
    "primary": {
      "$value": "/branding/pp365-logo.svg",
      "$type": "asset",
      "$description": "Primær logo som SVG — skalerer skarpt i alle størrelser."
    },
    "raster": {
      "$value": "/branding/pp365-logo.png",
      "$type": "asset",
      "$description": "PNG-variant, 512x512px — for deling, e-post og verktøy uten SVG-støtte."
    },
    "black": {
      "$value": "/branding/pp365-logo-black.svg",
      "$type": "asset",
      "$description": "Ensfarget svart variant for lyse bakgrunner og svart-hvitt-utskrift."
    },
    "white": {
      "$value": "/branding/pp365-logo-white.svg",
      "$type": "asset",
      "$description": "Ensfarget hvit variant for mørke bakgrunner og foto."
    }
  }
}