/* ═══ ArtEmis design tokens — SINGLE SOURCE OF TRUTH for colours ═══
   Loaded on EVERY page before its own styles. Change a colour here and it
   changes everywhere. Keep pages free of hard-coded hex values. ═══ */

/* ─── DESIGN TOKENS (Silver Olive Palette) ─── */
:root {
  /* Primary Palette — from Design Specs */
  --deep-olive: #1B201A;
  --medium-olive: #3D463B;
  --silver-sage: #A7B0A4;
  --off-white: #F9FAFB;
  --muted-olive: #7D8B6F;
  --olive: #7D8B6F;
  --olive-light: #A7B0A4;
  --light-leak: #4B5449;
  --gradient-end: #2D362C;

  /* Unified button look — same treatment as the footer's "Επικοινωνήστε
     μαζί μας" button: transparent fill, gold border. Only fill/border
     changed — text color, size, padding, radius are untouched per-button. */
  --btn-outline-border: #C8A04D;
  --btn-outline-hover-bg: rgba(200,160,77,0.12);

  /* Semantic aliases */
  --bg-primary: var(--deep-olive);
  --bg-secondary: var(--medium-olive);
  --bg-card: rgba(255,255,255,0.04);
  --bg-card-hover: rgba(255,255,255,0.07);
  --bg-light: var(--off-white);
  --text-primary: var(--off-white);
  --text-secondary: var(--silver-sage);
  --text-muted: #7A8278;
  --text-faint: #5A6158;
  --text-dark: #1B201A;
  --accent: var(--muted-olive);
  --accent-hover: #8E9C80;
  --border: #E2E5E0;
  --border-light: rgba(167,176,164,0.15);
  --border-medium: rgba(167,176,164,0.25);

  /* Form-specific (light mode for forms) */
  --form-bg: #FFFFFF;
  --form-border: #E2E5E0;
  --form-text: #2C3029;
  --form-label: #6B7268;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.15);
  --shadow-md: 0 8px 30px rgba(0,0,0,0.2);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.25);
  --shadow-glow: 0 0 60px rgba(125,139,111,0.08);

  /* Transitions */
  --transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
  --transition-fast: all 0.2s ease;

  /* Brand gold/bronze — sampled from the ArtEmis logo "E" (brand consistency) */
  --brand-gold: #C8A04D;
  /* Hero CTA olive (per Hero Slider Brief v2 §5 — ArtEmis olive) */
  --hero-cta-olive: #8B8B50;

  /* ── ONE gold for the whole site = the "E" of the ArtEmis logo (#C8A04D) ── */
  --gold: #C8A04D;
  --gold-soft: rgba(200,160,77,0.12);
  --danger: #FF8A92;      /* error text on dark backgrounds (AA) */
  --focus-ring: #C8A04D;  /* keyboard focus outline */
}