/*
 * BYTEPOINT.HU — Design Tokens
 * Ezt a fájlt illeszd be a WordPress téma style.css elejére,
 * vagy @import-áld be az enqueue-olt CSS-be.
 */

:root {
  /* Kategória színek */
  --bp-hardware:  #4dabff;
  --bp-ai:        #c084fc;
  --bp-gaming:    #ff4d6d;
  --bp-tests:     #ffd93d;
  --bp-industry:  #ff8c42;

  /* Animáció */
  --bp-transition: 180ms cubic-bezier(0.2, 0, 0, 1);

  /* Tipográfia */
  --bp-font-ui:   'Geist', -apple-system, sans-serif;
  --bp-font-mono: 'Geist Mono', 'Courier New', monospace;

  /* Töréspontok (referencia, CSS-ben nem használható közvetlenül) */
  /* --bp-bp-sm: 640px  */
  /* --bp-bp-md: 1024px */
  /* --bp-bp-lg: 1400px */
}

/* SÖTÉT MÓD */
[data-theme="dark"] {
  --bp-accent:          #00ff9d;
  --bp-accent-dim:      #00cc7e;
  --bp-bg:              #050608;
  --bp-bg-elevated:     #0d1015;
  --bp-bg-card:         #0a0d12;
  --bp-bg-hover:        #11151c;
  --bp-border:          #1a1f29;
  --bp-border-strong:   #2a3140;
  --bp-text:            #e8edf2;
  --bp-text-secondary:  #8a93a3;
  --bp-text-muted:      #4a5160;
}

/* VILÁGOS MÓD */
[data-theme="light"] {
  --bp-accent:          #009960;
  --bp-accent-dim:      #007a4d;
  --bp-bg:              #f0f2f5;
  --bp-bg-elevated:     #ffffff;
  --bp-bg-card:         #ffffff;
  --bp-bg-hover:        #e8ebf0;
  --bp-border:          #dde1e8;
  --bp-border-strong:   #c4cad4;
  --bp-text:            #0d1117;
  --bp-text-secondary:  #4a5568;
  --bp-text-muted:      #94a3b8;
}