/**
 * Metis Privatlærer - Theme Tokens
 *
 * Tema-ID: privatlarer
 * Dekker: MPL, MPLO, MPLS (alle privatlærer-enheter)
 *
 * Farger hentet fra: https://metispl.no/ (Squarespace site.css)
 * Primærfarge: Oransje (#FF8000)
 * Sekundærfarge: Mørk blå (#18405F)
 */

[data-theme="privatlarer"],
.theme-privatlarer {
  /* ============================================
     PRIMÆRFARGER (oransje - fra metispl.no)
     ============================================ */
  --metis-primary: #FF8000;
  --metis-primary-hover: #E67300;
  --metis-primary-light: #FF9933;
  --metis-primary-rgb: 255, 128, 0;

  /* ============================================
     SEKUNDÆRFARGER (mørk blå - lightAccent fra metispl.no)
     ============================================ */
  --metis-secondary: #18405F;
  --metis-secondary-muted: #1F5278;
  --metis-secondary-rgb: 24, 64, 95;

  /* ============================================
     UTVIDET PALETT
     ============================================ */
  --metis-dark: #0F2A3D;
  --metis-teal: #18405F;
  --metis-green: #FF8000;
  --metis-peach: #F9D4B3;           /* darkAccent fra metispl.no */
  --metis-peach-light: #FDF0E3;

  /* ============================================
     TEKST
     ============================================ */
  --metis-text-primary: #1a1a1a;
  --metis-text-secondary: #4a4a4a;
  --metis-text-muted: #6a6a6a;
  --metis-text-light: #8a8a8a;
  --metis-text-inverse: #ffffff;

  /* ============================================
     HSL (for Squarespace-kompatibilitet)
     ============================================ */
  --metis-primary-hsl: 30, 100%, 50%;
  --metis-secondary-hsl: 214, 60%, 23%;

  /* ============================================
     BORDERS (basert på primærfarge)
     ============================================ */
  --metis-border-subtle: rgba(255, 128, 0, 0.08);
  --metis-border-default: rgba(255, 128, 0, 0.12);
  --metis-border-strong: rgba(255, 128, 0, 0.2);

  /* ============================================
     SHADOWS (basert på primærfarge)
     ============================================ */
  --metis-shadow-xs: 0 1px 2px rgba(255, 128, 0, 0.04);
  --metis-shadow-sm: 0 2px 4px rgba(255, 128, 0, 0.06);
  --metis-shadow-md: 0 4px 12px rgba(255, 128, 0, 0.08);
  --metis-shadow-lg: 0 8px 24px rgba(255, 128, 0, 0.12);
  --metis-shadow-xl: 0 16px 48px rgba(255, 128, 0, 0.16);
}