/* Base layer — light reset + brand defaults for cards & kits. */
:root {
  color-scheme: light;
  --sq-focus-ring: 0 0 0 2px #fff, 0 0 0 4px var(--color-brand-00);
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font: var(--type-body-default);
  color: var(--color-core-01);
  background: var(--color-background-background);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
  color: var(--color-system-info);
  text-decoration: none;
}
a:hover { color: var(--sq-colors-blue-buy-buy-active); text-decoration: underline; }

/* Convenience aliases mapping the raw Figma token names to shorter semantic names */
:root {
  --brand: var(--color-brand-00);            /* brand orange #FA5B35 */
  --text-primary: var(--color-core-01);      /* black */
  --text-secondary: var(--color-core-06);    /* darkest grey */
  --text-tertiary: var(--sq-colors-grey-dark-grey);
  --surface-page: var(--color-background-background);
  --surface-card: var(--color-background-container);
  --border-subtle: var(--sq-colors-grey-light-grey);
  --border-strong: var(--sq-colors-grey-medium-grey);
}