/* Shopify Admin's own variable face. This only permits its font CDN, never a
   third-party script or data connection. */
@font-face {
  font-family: 'ShopifyInter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('https://cdn.shopify.com/static/fonts/shopifyinter/v0/ShopifyInterVariable-latin-1782792282432.woff2') format('woff2');
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;
  --font-body:
    'ShopifyInter', 'Noto Sans Arabic', 'Noto Sans Hebrew', ui-sans-serif, system-ui, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-title: 1.375rem;
  --line-body: 1.45;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --color-canvas: #f4f7fb;
  --color-surface: #fff;
  --color-surface-subtle: #f8fafc;
  --color-text: #182230;
  --color-muted: #607086;
  --color-border: #d9e1eb;
  --color-hover: #eef3f9;
  --color-selected: #f2fbdc;
  --color-accent: #a3e635;
  --color-accent-hover: #84cc16;
  --color-on-accent: #19250f;
  --color-focus: #65a30d;
  --color-link: #3f6212;
  --color-danger: #b42318;
  --color-danger-surface: #fff1f0;
  --color-success: #287442;
  --color-success-surface: #edf7ef;
  --color-warning: #8a5b00;
  --color-warning-surface: #fff6df;
  --radius-control: 0.625rem;
  --radius-panel: 1rem;
  --control-height: 2.75rem;
  --shadow-panel: 0 1px 2px #1720330d, 0 8px 24px #1720330a;
  --shadow-overlay: 0 20px 52px #17203326;
}