/* ==========================================================================
   MERIDIANO — Design System & Custom Properties
   Revista de Bem-Estar, Movimento e Longevidade
   ========================================================================== */

:root {
  /* Color Palette — Warm Editorial Paper & Deep Ink */
  --bg-page: #F8F6F0;
  --bg-surface: #FFFFFF;
  --bg-surface-warm: #F2EFE8;
  --bg-surface-elevated: #FAF8F5;
  --bg-dark: #131513;
  --bg-dark-surface: #1B1E1B;
  --bg-dark-card: #222622;

  /* Typography Colors */
  --color-ink: #181716;
  --color-ink-light: #2D2B29;
  --color-secondary: #58544C;
  --color-muted: #7D786F;
  --color-caption: #8F8A80;
  --color-light-ink: #F3EFE8;
  --color-light-secondary: #C8C2B7;
  --color-light-muted: #8E8980;

  /* Editorial Accents */
  --color-forest: #243324;
  --color-forest-hover: #192419;
  --color-forest-soft: rgba(36, 51, 36, 0.07);
  --color-terracotta: #9E4D2C;
  --color-terracotta-hover: #833E21;
  --color-terracotta-soft: rgba(158, 77, 44, 0.08);

  /* Editorial Borders & Precision Rules (Signature element) */
  --rule-subtle: #E6E1D8;
  --rule-standard: #D8D2C6;
  --rule-strong: #181716;
  --rule-dark: #2B2F2B;
  --rule-accent: #9E4D2C;

  /* Font Families */
  --font-display: 'Newsreader', 'Lora', Georgia, serif;
  --font-serif: 'Newsreader', 'Lora', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-meta: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Typographic Scale — Responsive fluid sizing using clamp */
  --text-display: clamp(2.4rem, 5.5vw, 4.25rem);
  --text-h1: clamp(2rem, 4vw, 3.25rem);
  --text-h2: clamp(1.6rem, 2.8vw, 2.25rem);
  --text-h3: clamp(1.25rem, 2vw, 1.65rem);
  --text-lead: clamp(1.15rem, 1.5vw, 1.35rem);
  --text-body-lg: 1.125rem;
  --text-body: 1.05rem;
  --text-body-sm: 0.9375rem;
  --text-caption: 0.8125rem;
  --text-meta: 0.75rem;

  /* Leading (Line Heights) */
  --leading-tight: 1.12;
  --leading-heading: 1.22;
  --leading-lead: 1.6;
  --leading-body: 1.75;
  --leading-loose: 1.9;

  /* Tracking (Letter Spacing) */
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.05em;
  --tracking-meta: 0.12em;
  --tracking-uppercase: 0.14em;

  /* Layout Containers */
  --container-max: 1360px;
  --container-wide: 1480px;
  --container-reading: 780px;
  --container-narrow: 640px;

  /* Spacing Scale */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* Layout Paddings */
  --gutter: clamp(1rem, 3.5vw, 2.5rem);

  /* Subtle Transitions (No bouncy animations) */
  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Shadows — Restrained editorial depth */
  --shadow-subtle: 0 2px 10px rgba(24, 23, 22, 0.04);
  --shadow-card: 0 4px 20px rgba(24, 23, 22, 0.06);
  --shadow-modal: 0 20px 50px rgba(24, 23, 22, 0.15);

  /* Radius — Crisp editorial corners, no bubbly cards */
  --radius-sharp: 0px;
  --radius-subtle: 3px;
  --radius-tag: 2px;
}