/* ==========================================================================
   MULTI SERVICE DE LA COSTA S.A.S. — DESIGN SYSTEM & VARIABLES
   ========================================================================== */

:root {
  /* Color Palette - Navy & Slate */
  --navy-950: #051424;
  --navy-900: #081D34;
  --navy-800: #0A2540;
  --navy-700: #123A5E;
  --navy-600: #1B4E7A;

  /* Accent Green - Operational Excellence */
  --green-600: #4C8720;
  --green-500: #5EA226;
  --green-400: #78BA38;
  --green-300: #93CC5C;
  --green-100: #EBF7DF;

  /* Accent Gold - Financial & Accounting Prestige */
  --gold-600: #C58B24;
  --gold-500: #E3A73E;
  --gold-300: #F0C878;
  --gold-100: #FDF7E7;

  /* Utility Colors */
  --blue-500: #0077FF;
  --blue-600: #0056B3;
  --white: #FFFFFF;
  --gray-50: #F5F8FA;
  --gray-100: #EBF0F4;
  --gray-200: #D8E1E8;
  --gray-300: #C0CDD7;
  --gray-500: #677A8C;
  --gray-700: #334454;
  --ink: #0A1926;

  /* Radii */
  --radius-xl: 24px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;

  /* Shadows & Elevations */
  --shadow-soft: 0 20px 45px -20px rgba(8, 29, 52, 0.25);
  --shadow-card: 0 10px 30px -12px rgba(8, 29, 52, 0.15);
  --shadow-float: 0 24px 60px -16px rgba(8, 29, 52, 0.35);

  /* Transitions */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}