:root {
  --pw-crystal-blue: #0088cc;
  --pw-fresh-aqua: #00c2cb;
  --pw-ice-frost: #e0f2fe;
  --pw-pure-white: #ffffff;
  --pw-glass-frost: #f7f9fc;
  --pw-deep-ocean: #1a365d;
  --pw-river-stone: #4a5568;
  --pw-clean-green: #10b981;
  --pw-warm-sand: #f59e0b;
  --pw-coral-red: #ef4444;

  --pw-gradient-water: linear-gradient(135deg, var(--pw-fresh-aqua) 0%, var(--pw-crystal-blue) 100%);
  --pw-gradient-hero: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(0, 194, 203, 0.12) 35%,
    rgba(224, 242, 254, 0.45) 100%
  );
  --pw-gradient-fresh: linear-gradient(165deg, #f0fbff 0%, #e0f7fa 45%, #ffffff 100%);
  --pw-gradient-aqua: linear-gradient(135deg, rgba(0, 194, 203, 0.08) 0%, rgba(224, 242, 254, 0.95) 100%);
  --pw-gradient-frost: linear-gradient(160deg, var(--pw-crystal-blue) 0%, var(--pw-ice-frost) 100%);

  --pw-font: "Plus Jakarta Sans", system-ui, sans-serif;

  --pw-radius-soft: 8px;
  --pw-radius-fluid: 16px;
  --pw-radius-ripple: 24px;
  --pw-radius-pill: 999px;

  --pw-space-xs: 4px;
  --pw-space-sm: 8px;
  --pw-space-md: 16px;
  --pw-space-lg: 24px;
  --pw-space-xl: 32px;
  --pw-space-2xl: 48px;
  --pw-space-3xl: 64px;
  --pw-space-4xl: 96px;

  --pw-shadow-soft: 0 8px 32px rgba(0, 136, 204, 0.08);
  --pw-shadow-glow: 0 12px 40px rgba(0, 194, 203, 0.25);
  --pw-shadow-nav: 0 4px 24px rgba(26, 54, 93, 0.08);
  --pw-shadow-ice: 0 8px 32px rgba(0, 136, 204, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.65);

  --pw-header-glass: linear-gradient(
    125deg,
    rgba(0, 194, 203, 0.28) 0%,
    rgba(0, 136, 204, 0.16) 42%,
    rgba(224, 242, 254, 0.38) 100%
  );
  --pw-header-glass-scrolled: linear-gradient(
    125deg,
    rgba(0, 194, 203, 0.38) 0%,
    rgba(0, 136, 204, 0.24) 50%,
    rgba(224, 242, 254, 0.48) 100%
  );
  --pw-header-ice-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.35' stroke-width='0.6'%3E%3Cpath d='M10 20 L30 8 L50 22 L70 10 L90 24'/%3E%3Cpath d='M5 55 L25 42 L45 58 L65 44 L85 60 L105 48'/%3E%3Cpath d='M15 90 L35 78 L55 92 L75 80 L95 94'/%3E%3Cpath d='M20 20 L20 100'/%3E%3Cpath d='M60 5 L60 115'/%3E%3Cpath d='M100 15 L100 95'/%3E%3C/g%3E%3Ccircle cx='22' cy='38' r='1.2' fill='%23ffffff' fill-opacity='0.5'/%3E%3Ccircle cx='78' cy='28' r='1' fill='%23ffffff' fill-opacity='0.45'/%3E%3Ccircle cx='48' cy='72' r='1.4' fill='%23ffffff' fill-opacity='0.55'/%3E%3Ccircle cx='92' cy='68' r='0.9' fill='%23ffffff' fill-opacity='0.4'/%3E%3C/svg%3E");

  --pw-glass-bg: rgba(255, 255, 255, 0.48);
  --pw-glass-border: rgba(255, 255, 255, 0.72);
  --pw-glass-blur: 18px;

  --pw-header-h: 72px;
  --pw-container: 1180px;
  --pw-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}