/* Lemon Blog — Design Tokens */

:root {
  --accent:           #89ff00;
  --accent-hover:     #a8ff3e;
  --accent-dim:       rgba(137, 255, 0, 0.12);
  --bg-base:          #0d0d0d;
  --bg-surface:       #161616;
  --bg-elevated:      #1e1e1e;
  --bg-input:         #111111;
  --border-subtle:    #1a1a1a;
  --border-default:   #252525;
  --border-strong:    #333333;
  --text-primary:     #f5f5f5;
  --text-secondary:   #a8a8a8;
  --text-muted:       #6e6e6e;
  --text-faint:       #404040;
  --font-sans:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif:       'Lora', Georgia, 'Times New Roman', serif;
  --nav-height:       52px;
  --container-width:  1080px;
  --content-width:    720px;
  --radius-sm:        4px;
  --radius-md:        8px;
  --radius-lg:        14px;
  --radius-pill:      50px;
  --transition-fast:  0.15s ease;
  --transition-med:   0.25s ease;
}

[data-theme="light"] {
  --bg-base:          #fafafa;
  --bg-surface:       #ffffff;
  --bg-elevated:      #f0f0f0;
  --bg-input:         #ffffff;
  --border-subtle:    #e8e8e8;
  --border-default:   #d4d4d4;
  --border-strong:    #b0b0b0;
  --text-primary:     #0a0a0a;
  --text-secondary:   #3a3a3a;
  --text-muted:       #717171;
  --text-faint:       #b0b0b0;
  --accent:           #4a9900;
  --accent-hover:     #3a7a00;
  --accent-dim:       rgba(74, 153, 0, 0.08);
}