/* ==========================================================================
   DESIGN 01 — CLEAN BLOG (LIGHT MODERN)
   Directly matching the "Clean Blog Template Kit" Reference
   ========================================================================== */

[data-theme="light"], :root {
  --bg-primary: #ffffff;
  --bg-secondary: #fbfbfb;
  --bg-tertiary: #f4f4f4;
  --header-bg: #ffffff;
  --footer-bg: #ffffff;
  
  --card-bg: #ffffff;
  --border-color: #ededed;

  --text-primary: #1c1d20;
  --text-secondary: #555555;
  --text-muted: #888888;
  
  --accent-color: #ff3b30;
  --accent-light: #ff6961;
  --accent-glow: rgba(255, 59, 48, 0.25);
  
  --btn-active-bg: #ff3b30;
  --btn-active-text: #ffffff;
}