@font-face {
  font-family: 'Ethnocentric Light';
  src: url('../fonts/EthnocentricLt-Regular.ttf') format('truetype');
  font-display: swap;
  font-weight: 300;
}

@font-face {
  font-family: 'Microsoft Yi Baiti';
  src: url('../fonts/MicrosoftYiBaiti-Regular.ttf') format('truetype');
  font-display: swap;
  font-weight: 400;
}

:root {
  --lunar-blue: #1E2146;
  --lunar-blue-deep: #131C47;
  --lunar-blue-soft: rgba(30, 33, 70, 0.72);

  --nova-blue: #A7D8DD;
  --nova-pink: #E6BAD8;
  --nova-purple: #ADA6D2;

  --cosmo-blue: #D5ECF4;
  --cyber-purple: #F2E1F0;

  --grey-50: #f7f8fa;
  --grey-100: #eef0f4;
  --grey-200: #d8dbe2;
  --grey-400: #a8adb8;
  --grey-700: #4a4f5e;

  --nova-sunset: linear-gradient(135deg, var(--nova-blue) 0%, var(--nova-pink) 50%, var(--nova-purple) 100%);
  --nova-sunset-soft: linear-gradient(135deg, rgba(167, 216, 221, 0.55) 0%, rgba(230, 186, 216, 0.55) 50%, rgba(173, 166, 210, 0.55) 100%);
  --grey-fold: linear-gradient(135deg, #f5f6f8 0%, #e3e6ec 45%, #c9cdd6 100%);
  --paper-fold: linear-gradient(135deg, #ffffff 0%, #f0f1f5 60%, #d8dbe2 100%);

  --font-title: 'Ethnocentric Light', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Microsoft Yi Baiti', Georgia, 'Times New Roman', serif;

  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;

  --shadow-fold: 0 12px 28px rgba(30, 33, 70, 0.10), 0 2px 6px rgba(30, 33, 70, 0.06);
  --shadow-soft: 0 6px 18px rgba(30, 33, 70, 0.08);
  --shadow-deep: 0 24px 48px rgba(30, 33, 70, 0.18);

  --container-max: 1240px;
  --header-height: 84px;

  --t-fast: 180ms ease;
  --t-base: 280ms cubic-bezier(.4,.0,.2,1);
  --t-slow: 520ms cubic-bezier(.4,.0,.2,1);
}