/* path: core/static/ui/css/tokens.css */

:root{
  /* ==========================================================================
     Color
     ========================================================================== */

  --bg:#384047;

  --surface:#2B3138;
  --surface-2:#3F474E;
  --surface-3:#454d56;

  --divider:rgba(255,255,255,.045);
  --divider-2:rgba(255,255,255,.085);
  --divider-3:rgba(255,255,255,.19);

  --text:rgba(255,255,255,.92);
  --text-2:rgba(255,255,255,.70);
  --text-3:rgba(255,255,255,.46);

  --accent:#CF8524;
  --accent-strong:#E09A3A;
  --accent-soft:rgba(207,133,36,.16);

  /* ==========================================================================
     Radius
     ========================================================================== */

  --r-0:0px;
  --r-s:8px;
  --r-m:12px;
  --r-pill:999px;

  /* ==========================================================================
     Sizes
     ========================================================================== */

  --h-header:72px;
  --h-input:48px;
  --h-btn:52px;

  /* ==========================================================================
     Layout
     ========================================================================== */

  --pad:16px;
  --maxw:1200px;
  --maxw-wide:1360px;

  /* ==========================================================================
     Spacing
     ========================================================================== */

  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:18px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:56px;
  --space-9:72px;

  /* ==========================================================================
     Typography
     ========================================================================== */

  --font-head:"Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-body:"Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --body:1rem;
  --small:0.8125rem;

  --h1:2.4rem;
  --h2:clamp(1.375rem, 4.6vw, 1.5rem);

  --lh:1.45;
}