/* ============================================================
   GP Digitalbyrå — designtokens
   Paletten kommer direkt fran logotypen. Andra har forst.
   ============================================================ */

:root {
  /* --- Farg (exakta varden fran varumarket) --- */
  --bg:        #161826;  /* nastan svart marinbla — sidans grundton */
  --yta:       #232532;  /* kort, paneler, sektionslyft */
  --yta-mork:  #0E101B;  /* extra mork panelyta — kort med glow */
  --violett:   #9184D9;  /* accent — knappar, hover, pricken */
  --violett-2: #5D5294;  /* djupare violett for gradienter/skuggor */
  --text:      #F5F4FF;  /* primar text */
  --text-2:    #E9E9ED;  /* sekundar text */
  --damp:      #858692;  /* dampad text */

  --linje: rgba(145, 132, 217, 0.16);
  --glow:  rgba(145, 132, 217, 0.32);

  /* --- Regnbagen: en farg per mall --- */
  --m-bygg:    #E5484D;
  --m-frisor:  #F76B15;
  --m-cafe:    #F5A623;
  --m-blomma:  #30A46C;
  --m-sushi:   #12A594;
  --m-foto:    #0091FF;
  --m-gym:     #3E63DD;
  --m-butik:   #8E4EC6;
  --m-spa:     #E93D82;

  /* --- Typografi --- */
  --display: "Outfit", "Inter", system-ui, sans-serif;            /* rubriker, meny — latt geometrisk sans (Rolls-Royce-kansla) */
  --brod:    "Outfit", "Inter", system-ui, -apple-system, sans-serif;  /* brodtext */
  --etikett: "Inter", system-ui, -apple-system, sans-serif;            /* versal-etiketter: MENY, KONTAKT, sektionsetiketter, tabellhuvuden */
  --mono:    "JetBrains Mono", ui-monospace, Menlo, monospace;

  --t-mono:  clamp(0.64rem, 0.6rem + 0.18vw, 0.74rem);
  --t-liten: clamp(0.88rem, 0.84rem + 0.2vw,  0.98rem);
  --t-brod:  clamp(1rem,    0.95rem + 0.3vw,  1.16rem);
  --t-lead:  clamp(1.15rem, 1.02rem + 0.6vw,  1.5rem);
  --t-h3:    clamp(1.15rem, 1.05rem + 0.5vw,  1.5rem);
  --t-h2:    clamp(1.7rem,  1.2rem  + 2.4vw,  3.4rem);
  --t-h1:    clamp(1.7rem,  1.1rem  + 3vw,    3.7rem);
  --t-jatte: clamp(2.6rem,  1.4rem  + 6vw,    7rem);

  /* --- Rum --- */
  --marginal: clamp(1.25rem, 0.6rem + 3.4vw, 5rem);
  --sektion:  clamp(6rem, 4rem + 10vw, 13rem);
  --max:      78rem;

  /* --- Form & rorelse --- */
  --r-kort:  18px;
  --r-panel: 26px;
  --ease:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
}