/* Wavepix Design System — hero animation tokens */

@font-face {
  font-family: 'Pretendard Variable';
  src: url('./fonts/PretendardVariable.ttf') format('truetype-variations');
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
}
@font-face { font-family: 'Funnel Sans'; src: url('./fonts/FunnelSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Funnel Sans'; src: url('./fonts/FunnelSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Funnel Sans'; src: url('./fonts/FunnelSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mona Sans'; src: url('./fonts/MonaSans-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Mona Sans'; src: url('./fonts/MonaSans-Italic.ttf') format('truetype'); font-weight: 400 900; font-style: italic; font-display: swap; }
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  --wp-navy-900: #0B1B3F;
  --wp-navy-800: #102150;
  --wp-navy-700: #152B66;
  --wp-navy-600: #1A3780;
  --wp-blue-700: #0855A0;
  --wp-blue-600: #0A66B8;
  --wp-blue-500: #1E84D8;
  --wp-blue-400: #4CA4E6;
  --wp-blue-300: #8FC5F0;
  --wp-blue-200: #C5E0F5;
  --wp-blue-100: #E6F1FB;
  --wp-blue-50:  #F3F8FD;
  --wp-cyan-600: #008CB8;
  --wp-cyan-500: #00A8D9;
  --wp-cyan-400: #3BC1E4;
  --wp-cyan-100: #D6F2FA;
  --wp-orange-600: #E56515;
  --wp-orange-500: #FF7A29;
  --wp-orange-400: #FF9556;
  --wp-orange-100: #FFEADB;
  --wp-ink-900: #0E1525;
  --wp-ink-800: #1A2238;
  --wp-ink-700: #2B3452;
  --wp-ink-600: #43506F;
  --wp-ink-500: #5F6B8A;
  --wp-ink-400: #8490AD;
  --wp-ink-300: #AEB6C9;
  --wp-ink-200: #D3D9E3;
  --wp-ink-100: #E5EAF2;
  --wp-ink-50:  #F5F7FB;
  --wp-white: #FFFFFF;
  --wp-success: #12B981;
  --wp-danger: #E5484D;
  --wp-font-sans: 'Pretendard Variable', 'Funnel Sans', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif;
  --wp-font-display: 'Mona Sans', 'Pretendard Variable', system-ui, sans-serif;
  --wp-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --wp-gradient-hero-radial: radial-gradient(120% 140% at 10% 10%, #1A3780 0%, #0B1B3F 55%, #07122B 100%);
  --wp-ease: cubic-bezier(0.22, 1, 0.36, 1);
}