/* HyprGrid tokens: the hyprverse.in / hyprride.com website system (Hyprtech/client/src/features/website/website-hr.css), indigo accent. */
@font-face { font-family: 'Satoshi'; src: url('fonts/satoshi-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('fonts/satoshi-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('fonts/satoshi-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Satoshi'; src: url('fonts/satoshi-900.woff2') format('woff2'); font-weight: 900; font-display: swap; }

:root {
  --accent: #4250ED;
  --accent-2: #6B6CEF;
  --accent-deep: #2B36C9;
  --accent-soft: rgba(66, 80, 237, .12);
  --accent-glow: rgba(66, 80, 237, .45);
  --lime: #D2F801;
  --lime-soft: rgba(210, 248, 1, .55);

  --bg: #F4EEE6;
  --card: #FBF8F3;
  --bone: #F6F1EC;
  --white: #FFFFFF;
  --ink: #1D1613;
  --mute: #6A5D55;
  --dim: #8F837A;
  --line: rgba(29, 22, 19, .12);
  --line-soft: rgba(29, 22, 19, .07);
  --dark: #0E0A09;
  --scene: radial-gradient(800px 500px at 80% 20%, rgba(107, 108, 239, .5), transparent 60%), radial-gradient(500px 300px at 85% 30%, rgba(255, 236, 200, .25), transparent 60%), linear-gradient(180deg, #232B5C 0%, #141A3E 55%, #0E0A09 100%);
  --photo: linear-gradient(180deg, #ECE7E1 0%, #DCD6CF 100%);

  --wa: #25D366;
  --green: #16A34A;
  --green-soft: #DDF5E6;
  --green-ink: #0A7A35;
  --amber-soft: #FFF0CC;
  --amber-ink: #A06A00;
  --red: #F44336;
  --star: #F5B301;

  --font: 'Satoshi', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --shadow-card: none;
  --shadow-lift: none;
  --shadow-btn: none;
  --shadow-float: 0 10px 24px -18px rgba(29, 22, 19, .3);
  --shadow-sheet: 0 50px 100px -60px rgba(66, 80, 237, .5), 0 1px 0 #fff inset;

  --wrap: 1260px;
  --ease: cubic-bezier(.2, .8, .2, 1);

  --globe-land: rgba(29, 22, 19, .15);
  --globe-land-hi: #4250ED;
  --globe-state: #4250ED;
  --globe-state-hi: #2B36C9;
  --globe-shop: #FFFFFF;
  --globe-shop-ring: #1D1613;
  --globe-body: rgba(66, 80, 237, .05);
  --globe-rim: rgba(66, 80, 237, .2);
  --globe-grid: rgba(29, 22, 19, .07);
  --globe-road: rgba(29, 22, 19, .45);
  --globe-road-hi: #4250ED;
  --globe-ping: #4250ED;
}