/* ==========================================================================
   SE7EN27 Design Tokens: single source of truth
   --------------------------------------------------------------------------
   Loaded on the frontend AND into the block editor canvas (see
   add_editor_style() in functions.php). The block editor rewrites style
   selectors to sit under .editor-styles-wrapper, and its treatment of :root
   varies by WP version, so both selectors are declared here. Do not move
   these variables back into style.css: the editor would then resolve every
   var() to nothing, which is exactly how the earlier block work broke.
   ========================================================================== */

:root,
.editor-styles-wrapper {
  /* Warm Gallery Linen & Alabaster Canvas */
  --color-bg-primary: #fbf9f6;
  --color-bg-secondary: #f2eee8;
  --color-bg-card: #ffffff;
  --color-bg-card-hover: #fcfbfa;

  /* SE7EN27 Brand Crimson & Ruby Accents */
  --color-brand-crimson: #9e1b22;
  --color-brand-crimson-hover: #ba222a;
  --color-brand-crimson-deep: #751213;
  --color-brand-crimson-light: #b32028;
  --color-brand-glow: rgba(158, 27, 34, 0.15);

  /* Clean Editorial Borders */
  --color-border: #e6e2da;
  --color-border-hover: rgba(158, 27, 34, 0.35);

  /* Deep Charcoal & Ink Typography */
  --color-text-primary: #161518;
  --color-text-secondary: #525058;
  --color-text-muted: #82808c;

  /* Fonts */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Cinzel', 'Cormorant Garamond', serif;

  /* Layout & Spacing */
  --container-max-width: 1160px;
  --header-height: 80px;
  --transition-smooth: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --border-radius-sm: 6px;
  --border-radius-md: 12px;
  --border-radius-lg: 18px;
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.05);
  --shadow-card-hover: 0 16px 40px rgba(0, 0, 0, 0.1);
}