/**
 * Bergen Private Gymnas - Theme Tokens
 *
 * Tema-ID: bpg
 * Primærfarge: Mørkegrønn (#1F4739)
 * Sekundærfarge: Lime (#E8F5A3)
 */

[data-theme="bpg"],
.theme-bpg {
  /* ============================================
     PRIMÆRFARGER (mørkegrønn)
     ============================================ */
  --metis-primary: #1F4739;
  --metis-primary-hover: #163529;
  --metis-primary-light: #2d6350;
  --metis-primary-rgb: 31, 71, 57;

  /* ============================================
     SEKUNDÆRFARGER (lime/accent)
     ============================================ */
  --metis-secondary: #E8F5A3;
  --metis-secondary-muted: #d4e88f;
  --metis-secondary-rgb: 232, 245, 163;

  /* ============================================
     UTVIDET PALETT
     ============================================ */
  --metis-dark: #1a3a3a;
  --metis-teal: #2a5a5a;
  --metis-green: #5fa550;
  --metis-peach: #f5d5c8;
  --metis-peach-light: #faf0eb;

  /* ============================================
     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: 156, 39%, 20%;
  --metis-secondary-hsl: 73, 80%, 80%;

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

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