/*
 * theme.css — Design tokens for frlg.online
 *
 * All visual theming lives here as CSS custom properties.
 * To re-theme the site (e.g. Pokemon FRLG colors), swap values below.
 * No other CSS file should contain raw color values.
 */

:root {
  /* ---- Colors ---- */
  --bg-primary:    #0e0e10;
  --bg-secondary:  #18181b;
  --bg-tertiary:   #242428;
  --bg-input:      #1e1e22;

  --text-primary:  #e0e0e4;
  --text-secondary:#a0a0a8;
  --text-muted:    #5c5c66;

  --accent:        #4a9eff;
  --accent-hover:  #367cd6;
  --accent-subtle: rgba(74, 158, 255, 0.1);

  --success:       #34d399;
  --success-subtle:rgba(52, 211, 153, 0.1);
  --warning:       #fbbf24;
  --warning-subtle:rgba(251, 191, 36, 0.1);
  --error:         #f87171;

  --border:        #2a2a2e;
  --border-focus:  #4a9eff;

  /* ---- Typography ---- */
  --font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;

  /* ---- Spacing ---- */
  --space-xs:  0.25rem;   /* 4px  */
  --space-sm:  0.5rem;    /* 8px  */
  --space-md:  1rem;      /* 16px */
  --space-lg:  1.5rem;    /* 24px */
  --space-xl:  2.5rem;    /* 40px */
  --space-2xl: 4rem;      /* 64px */

  /* ---- Borders ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* ---- Transitions ---- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}