/* ==========================================================================
   BUFFALO MANUFACTURA ARQUITECTÓNICA — BRAND DESIGN SYSTEM & CSS VARIABLES
   Inverted Luminous Light Theme using Official Palette
   ========================================================================== */

:root {
  /* Brand Palette Variables */
  --color-carbon-profundo: #190019;
  /* Darkest text & contrast elements */
  --color-purpura-arquitectonico: #2B124C;
  /* Deep architectural purple */
  --color-ciruela-contemporaneo: #522B5B;
  /* Medium plum accent */
  --color-mauve-mineral: #854F6C;
  /* Mineral mauve transition */
  --color-rosa-empolvado: #DFB6B2;
  /* Soft dusty rose */
  --color-blush-mineral: #FBE4D8;
  /* Light cream/blush main background */

  /* Inverted Functional Tokens (Luminous Light Architectural Theme) */
  --color-bg-primary: #FAF4F0;
  /* Ultra-clean luminous cream/blush */
  --color-bg-surface: #F4E8E1;
  /* Soft elevated surface */
  --color-bg-elevated: #FFFFFF;
  /* Pure white card backgrounds */
  --color-bg-dark: var(--color-carbon-profundo);

  --color-text-primary: var(--color-carbon-profundo);
  --color-text-secondary: rgba(25, 0, 25, 0.78);
  --color-text-muted: rgba(25, 0, 25, 0.52);
  --color-text-light: #FFFFFF;

  --color-accent: var(--color-purpura-arquitectonico);
  --color-accent-hover: var(--color-mauve-mineral);
  --color-border: rgba(43, 18, 76, 0.12);
  --color-border-hover: rgba(43, 18, 76, 0.35);
  --color-border-solid: var(--color-mauve-mineral);

  /* Typography */
  --font-primary: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Font Weights */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;

  /* Spacing Scale (Editorial Negative Space) */
  --space-xs: 0.5rem;
  /* 8px */
  --space-sm: 1rem;
  /* 16px */
  --space-md: 2rem;
  /* 32px */
  --space-lg: 4rem;
  /* 64px */
  --space-xl: 7rem;
  /* 112px */
  --space-2xl: 11rem;
  /* 176px */

  /* Container & Grid Limits */
  --site-max-width: 1720px;
  --site-gutter: 3.5vw;
  --header-height: 20vh;

  /* Transitions */
  --transition-fast: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}