:root{--primary-color: #052f52;--text-color: #ffffff;--subtle-borders: #D1D5DB;--vibrant-orange: #F97316;--softer-orange: #FB923C;--vibrant-green: #22C55E;--vibrant-blue: #3B82F6;--vibrant-yellow: #EAB308;--background-light: #F5F7FA;--background-white: #FFFFFF;--text-dark: #111827;--text-muted: #6B7280;--orange-hover: #EA580C;--blue-hover: #2563EB;--green-hover: #16A34A;--yellow-hover: #CA8A04;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--primary-color);color:var(--text-color)}.card{background:var(--background-white);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--subtle-borders)}.card:hover{box-shadow:var(--shadow-md)}