/*
Theme Name: ElectroHype Theme
Theme URI: https://electrohype.org/
Author: Henrik Söderström
Author URI: https://electrohype.org/about/
Description: Custom theme for electrohype.org — Nordic / European New Media Art Archive + Editorial. Design: Signal Lab. Bilingual EN + SV.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ehy-theme
Tags: custom, editorial, archive, bilingual, media-art
*/

/* =====================================================
   DESIGN META
   =====================================================
   Design-Name:     Signal Lab
   CSS-Prefix:      ehy-
   Palette:
     --ehy-bg        #F7F7F2   Paper White (cool, faint yellow undertone)
     --ehy-fg        #111118   Near-Black (cool blue-shadow)
     --ehy-muted     #6B6B7A   Cool Mid-Grey
     --ehy-accent    #FAFF00   Acid Yellow (electric, unique in network)
     --ehy-dark      #111118   Dark Header / Dark Surface
     --ehy-surface   #EEEEE8   Cool Light Grey (card bg)
     --ehy-border    #D4D4CC   Subtle Border
   Font-Kombo:
     Display:   Unbounded (geometric, wide, bold)
     Body:      Albert Sans (clean, modern, readable)
     Metadata:  JetBrains Mono (code-native, technical precision)
   ===================================================== */

/* =====================================================
   CSS CUSTOM PROPERTIES
   ===================================================== */
:root {
  --ehy-bg:       #F7F7F2;
  --ehy-fg:       #111118;
  --ehy-muted:    #6B6B7A;
  --ehy-accent:   #FAFF00;
  --ehy-dark:     #111118;
  --ehy-surface:  #EEEEE8;
  --ehy-border:   #D4D4CC;

  /* Typography scale */
  --ehy-font-display:  'Unbounded', sans-serif;
  --ehy-font-body:     'Albert Sans', sans-serif;
  --ehy-font-mono:     'JetBrains Mono', monospace;

  /* Spacing */
  --ehy-space-xs:  0.25rem;
  --ehy-space-sm:  0.5rem;
  --ehy-space-md:  1rem;
  --ehy-space-lg:  2rem;
  --ehy-space-xl:  3rem;
  --ehy-space-2xl: 5rem;

  /* Content width */
  --ehy-content-width: 1100px;
  --ehy-radius: 2px;
}

/* =====================================================
   RESET & BASE (mobile-first)
   ===================================================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--ehy-font-body);
  background-color: var(--ehy-bg);
  color: var(--ehy-fg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }