@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;700&display=swap");
@import url("https://api.fontshare.com/v2/css?f[]=satoshi@700&display=swap");

/* Hallmark · token export · design-system: DESIGN.md · soft neumorphism */
:root {
  --color-login-canvas: oklch(95.2% 0.015 250);
  --color-login-surface: oklch(96.5% 0.013 250);
  --color-login-pressed: oklch(92.5% 0.017 250);
  --color-login-highlight: oklch(99% 0.006 245);
  --color-login-shadow: oklch(72% 0.025 250);
  --color-login-ink: oklch(39% 0.025 250);
  --color-login-ink-2: oklch(42% 0.024 250);
  --color-login-muted: oklch(52% 0.022 250);
  --color-login-rule: oklch(79% 0.02 250);
  --color-login-accent: oklch(72% 0.13 78);
  --color-login-accent-ink: oklch(28% 0.045 72);
  --color-login-focus: oklch(50% 0.14 65);
  --color-login-danger: oklch(48% 0.13 25);
  --color-login-danger-bg: oklch(91% 0.035 25);
  --color-login-success: oklch(47% 0.085 150);

  --font-login-display: "Satoshi", "Geist", sans-serif;
  --font-login-body: "Geist", sans-serif;

  --space-login-3xs: 0.25rem;
  --space-login-2xs: 0.5rem;
  --space-login-xs: 0.75rem;
  --space-login-sm: 1rem;
  --space-login-md: 1.5rem;
  --space-login-lg: 2rem;
  --space-login-xl: 3rem;
  --space-login-2xl: 4rem;
  --space-login-icon-slot: 2.75rem;
  --space-login-action-slot: 3.25rem;

  --text-login-xs: 0.75rem;
  --text-login-sm: 0.875rem;
  --text-login-base: 1rem;
  --text-login-md: 1.25rem;
  --text-login-display: clamp(2.25rem, 4vw, 4.75rem);

  --ease-login-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-login-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-login-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-login-micro: 120ms;
  --dur-login-short: 200ms;
  --dur-login-long: 420ms;

  --rule-login-control: 1px;
  --radius-login-control: 0.875rem;
  --radius-login-card: 1.75rem;
  --radius-login-pill: 999px;

  --z-login-base: 1;
}