/* ==========================================================================
   VARIABLES.CSS — Design System Tokens & Brand Palette
   MultiserviABC | Vidraçaria em São Bernardo do Campo - SP
   ========================================================================== */
:root {
  /* Exact Brand Colors */
  --sapphire: #2B59A4;
  --french-blue: #2D4A99;
  --lavender: #DAE1F1;
  --black: #000000;
  --white: #FFFFFF;
  --background: #F8F9FC;
  --background-secondary: #EDF1F9;

  --text: #343B48;
  --text-muted: #7A8290;

  --border: #DEE3EF;

  --success: #27845A;
  --whatsapp: #25D366;
  --whatsapp-hover: #1EBE5B;
  --danger: #C93B3B;

  /* Extended Architectural Glass Surfaces */
  --sapphire-dark: #1E3E75;
  --sapphire-deep: #142B54;
  --sapphire-soft: rgba(43, 89, 164, 0.08);
  --sapphire-border: rgba(43, 89, 164, 0.22);
  --glass-surface: rgba(255, 255, 255, 0.86);
  --glass-surface-dark: rgba(20, 43, 84, 0.78);
  --glass-border: rgba(255, 255, 255, 0.35);

  /* Typography */
  --font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-accent: 'Montserrat', 'Manrope', sans-serif;

  /* Layout & Grid */
  --container-max: 1280px;
  --container-pad: 24px;
  --grid-columns: 12;
  --grid-gap: 28px;

  /* Border Radius Scale */
  --radius-card: 18px;
  --radius-btn: 999px;
  --radius-input: 14px;
  --radius-sm: 10px;
  --radius-lg: 24px;

  /* Section Spacing Scale */
  --section-py: 112px;
  --section-py-tablet: 80px;
  --section-py-mobile: 64px;

  /* Shadows & Elevation */
  --shadow-xs: 0 2px 8px rgba(20, 43, 84, 0.04);
  --shadow-sm: 0 8px 24px rgba(20, 43, 84, 0.06);
  --shadow-md: 0 16px 40px rgba(20, 43, 84, 0.09);
  --shadow-lg: 0 24px 60px rgba(20, 43, 84, 0.14);
  --shadow-sapphire: 0 12px 30px rgba(43, 89, 164, 0.26);
  --shadow-whatsapp: 0 10px 28px rgba(37, 211, 102, 0.32);

  /* Transitions */
  --transition-fast: 200ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-base: 260ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 300ms cubic-bezier(0.22, 1, 0.36, 1);
}