/*!
Theme Name: Lupa
Theme URI: https://cassinolupa.com
Author: Aleksandr Kross / Lupa Editorial
Author URI: https://cassinolupa.com/sobre-nos/
Description: Custom theme для cassinolupa.com — Lupa brand. Component-based architecture, manual meta-boxes (no ACF), custom-only SEO.
Version: 0.1.0-slice-a
Requires at least: 6.0
Tested up to: 6.9.4
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lupa
*/

:root {
  /* === BRAND PRIMARY === */
  --color-indigo: #1E2A4F;       /* primary brand */
  --color-gold: #F5C518;         /* accent / highlights / Editor's Pick */
  --color-teal: #00B8A9;         /* secondary accent / trust */

  /* === SEMANTIC === */
  --color-success: #10B981;      /* green — positive trust signal */
  --color-warning: #F59E0B;      /* amber — caution */
  --color-danger: #EF4444;       /* red — Anatel-blocked, complaints */
  --color-info: #3B82F6;         /* blue — informational */

  /* === SURFACES (light theme) === */
  --color-bg: #FAFAFA;           /* page background */
  --color-bg-card: #FFFFFF;      /* card / panel */
  --color-bg-subtle: #F5F5F5;    /* subtle bg (borders, dividers areas) */
  --color-bg-overlay: rgba(0,0,0,0.6);  /* modals */

  /* === TEXT === */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #4A5568;
  --color-text-muted: #718096;
  --color-text-inverse: #FFFFFF;

  /* === BORDERS === */
  --color-border-default: #E5E7EB;
  --color-border-strong: #D1D5DB;
  --color-border-subtle: #F3F4F6;

  /* === SHADOWS === */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);

  /* === TYPOGRAPHY === */
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* === SPACING (8px grid) === */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */

  /* === BORDER RADIUS === */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  /* === TRANSITIONS === */
  --transition-fast: 150ms ease-out;
  --transition-base: 250ms ease-out;
  --transition-slow: 400ms ease-out;
}

/* === RESET / BASE === */
body {
  font-family: var(--font-body);
  background-color: var(--color-bg);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

/* Detailed component styles в Slice B/D — здесь только foundation tokens */