/* =========================================================
   PA1KVE CORE DESIGN SYSTEM
   Alleen centrale variabelen / design tokens.
   Geen layout die sites kan breken.
   ========================================================= */

:root {
  /* Brand */
  --pa-brand-name: "PA1KVE";
  --pa-logo-size: 42px;

  /* Fonts */
  --pa-font-main: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pa-font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", Consolas, monospace;

  /* Base colors */
  --pa-bg: #070b10;
  --pa-bg-deep: #030507;

  --pa-panel: #111821;
  --pa-panel-soft: #172131;
  --pa-panel-hover: #1d2a3a;

  --pa-text: #eef3f8;
  --pa-muted: #8d9aaa;
  --pa-faint: #566272;

  /* Default accent: PA1KVE Orange */
  --pa-accent: #ff8a1f;
  --pa-accent-strong: #ff9d2f;
  --pa-accent-soft: rgba(255, 138, 31, 0.14);
  --pa-accent-glow: rgba(255, 138, 31, 0.35);

  /* Status colors */
  --pa-success: #3fb950;
  --pa-warning: #f59e0b;
  --pa-danger: #f47067;
  --pa-info: #38bdf8;

  /* Borders */
  --pa-border: rgba(255, 255, 255, 0.10);
  --pa-border-soft: rgba(255, 255, 255, 0.06);
  --pa-border-accent: rgba(255, 138, 31, 0.35);

  /* Radius */
  --pa-radius-sm: 8px;
  --pa-radius: 14px;
  --pa-radius-lg: 22px;
  --pa-radius-pill: 999px;

  /* Spacing */
  --pa-gap-xs: 4px;
  --pa-gap-sm: 8px;
  --pa-gap: 16px;
  --pa-gap-lg: 32px;
  --pa-gap-xl: 48px;

  /* Widths */
  --pa-wrapper: 1200px;
  --pa-content: 860px;

  /* Effects */
  --pa-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
  --pa-glow: 0 0 24px rgba(255, 138, 31, 0.18);

  /* Motion */
  --pa-transition: 0.2s ease;
}
/* =========================================================
   PA1KVE ACCENT THEMES
   Zelfde basisstijl, andere accentkleur per subsite.
   ========================================================= */

/* D&D / Obsidian */
body.pa-theme-dnd,
:root.pa-theme-dnd {
  --pa-accent: #8b5cf6;
  --pa-accent-strong: #a78bfa;
  --pa-accent-soft: rgba(139, 92, 246, 0.16);
  --pa-accent-glow: rgba(139, 92, 246, 0.35);
  --pa-border-accent: rgba(139, 92, 246, 0.35);
}

/* OSINT / Intelligence */
body.pa-theme-osint,
:root.pa-theme-osint {
  --pa-accent: #38bdf8;
  --pa-accent-strong: #7dd3fc;
  --pa-accent-soft: rgba(56, 189, 248, 0.16);
  --pa-accent-glow: rgba(56, 189, 248, 0.35);
  --pa-border-accent: rgba(56, 189, 248, 0.35);
}

/* Media: Jellyfin / Music / Retro */
body.pa-theme-media,
:root.pa-theme-media {
  --pa-accent: #3fb950;
  --pa-accent-strong: #5ee37d;
  --pa-accent-soft: rgba(63, 185, 80, 0.16);
  --pa-accent-glow: rgba(63, 185, 80, 0.35);
  --pa-border-accent: rgba(63, 185, 80, 0.35);
}

/* HamRadio */
body.pa-theme-ham,
:root.pa-theme-ham {
  --pa-accent: #14b8a6;
  --pa-accent-strong: #5eead4;
  --pa-accent-soft: rgba(20, 184, 166, 0.16);
  --pa-accent-glow: rgba(20, 184, 166, 0.35);
  --pa-border-accent: rgba(20, 184, 166, 0.35);
}

/* Retro / Gaming */
body.pa-theme-retro,
:root.pa-theme-retro {
  --pa-accent: #facc15;
  --pa-accent-strong: #fde047;
  --pa-accent-soft: rgba(250, 204, 21, 0.16);
  --pa-accent-glow: rgba(250, 204, 21, 0.35);
  --pa-border-accent: rgba(250, 204, 21, 0.35);
}