/* ==========================================================================
   ESPACIO COLINAS - EDITORIAL MINIMALIST SYSTEM (AWWWARDS CALIBER)
   ========================================================================== */

:root {
  /* Editorial Palette: Pure Mineral & Linen Paper */
  --color-bg-main: #FAF8F5;           /* Warm bone plaster / linen paper */
  --color-bg-surface: #FFFFFF;        /* Crisp atelier white */
  --color-bg-subtle: #F3EFE8;         /* Warm architectural sand */
  --color-bg-dark: #0D1816;           /* Deep obsidian forest */
  --color-bg-dark-surface: #13221F;   /* Subtle dark panel */

  /* Identity Colors (Matching Canva Brand) */
  --color-primary: #101E1C;           /* Obsidian slate forest */
  --color-primary-light: #213531;
  --color-bronze: #9E6A4B;            /* Authentic terracotta / artisanal bronze */
  --color-bronze-dark: #7A4C32;
  --color-bronze-tint: rgba(158, 106, 75, 0.08);
  --color-gold: #C8A97E;              /* Subtle champagne gold */
  --color-gold-muted: rgba(200, 169, 126, 0.65);
  --color-gold-glow: rgba(200, 169, 126, 0.18);

  /* Typography Colors */
  --color-text: #14211F;
  --color-text-secondary: #536461;
  --color-text-muted: #889995;
  --color-text-inverse: #FAF8F5;
  --color-text-inverse-muted: #95A7A3;

  /* Architectural Hairlines (Minimalist Precision) */
  --color-border: rgba(16, 30, 28, 0.1);
  --color-border-subtle: rgba(16, 30, 28, 0.06);
  --color-border-dark: rgba(250, 248, 245, 0.1);
  --color-border-dark-strong: rgba(250, 248, 245, 0.2);

  /* Typography System (Canva Exact: Sorts Mill Goudy + Yanone Kaffeesatz + Outfit) */
  --font-display: 'Sorts Mill Goudy', Georgia, serif;
  --font-brand: 'Yanone Kaffeesatz', sans-serif;
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Typographic Weights */
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing Rhythms */
  --space-3xs: 0.25rem;
  --space-2xs: 0.375rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  --space-4xl: 7.5rem;

  /* Clean Precision Radius */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 9999px;

  /* Layout Constraints */
  --container-max: 1240px;
  --header-height: 74px;
  --mobile-cta-height: 80px;

  /* Fine Transitions */
  --transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}