/* Adbee design tokens — generated from tokens.json. Single theme (light). */

@font-face { font-family: "Archivo"; src: url("../fonts/Archivo-Variable-latin.woff2") format("woff2"); font-weight: 500 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("../fonts/PublicSans-Variable-latin.woff2") format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; }

:root {
  /* Color */
  --ink: #000000;
  --ink-soft: #333333;
  --ink-muted: #6E6E6E;
  --ink-subtle: #9A9A9A;
  --ink-on-dark: #FFFFFF;
  --ink-on-dark-muted: #B0B0B0;
  --canvas: #F0F0F0;
  --surface: #FAFAFA;
  --surface-raised: #FFFFFF;
  --surface-sunken: #EFEFEF;
  --surface-muted: #F5F5F5;
  --border: #E5E5E5;
  --border-strong: #CFCFCF;
  --border-on-dark: #3A3A3A;
  --amber: #FFAE00;
  --amber-tint: #FFF6E0;
  --amber-ring: #FFF0CC;
  --amber-text: #8A6200;
  --amber-hover: #9A6A00;
  --success: #157F42;
  --danger: #B3261E;
  --danger-tint: #FDECEA;
  --photo-stripe: #E2E2E2;
  --map-ground: #EDEDE8;
  --map-grid: #E1E1DA;
  /* Font families */
  --font-display: "Archivo", system-ui, sans-serif;
  --font-sans: "Public Sans", system-ui, sans-serif;
  --font-mono: ui-monospace, monospace;
  /* Spacing */
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-32: 32px;
  --space-56: 56px;
  /* Radius */
  --radius-xs: 6px;
  --radius-sm: 9px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-pill: 999px;
  /* Size */
  --control-sm: 44px;
  --control-md: 48px;
  --control-lg: 52px;
  --fab: 56px;
  --screen-mobile: 375px;
  --photo-card: 168px;
  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(23,21,15,.12);
  --shadow-md: 0 3px 10px rgba(0,0,0,.18);
  --shadow-fab: 0 6px 18px rgba(23,21,15,.25);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.14);
}

/* Type styles as utility classes: .t-<name> */
.t-title-xl { font: 600 30px/1.2 var(--font-display); letter-spacing: -0.01em; }
.t-title-lg { font: 600 22px/1.25 var(--font-display); letter-spacing: -0.01em; }
.t-title-md { font: 600 19px/1.3 var(--font-display); }
.t-title-sm { font: 600 17px/1.25 var(--font-display); }
.t-price-lg { font: 700 24px/1.2 var(--font-display); }
.t-price { font: 600 20px/1.2 var(--font-display); }
.t-wordmark { font: 700 20px/1 var(--font-display); letter-spacing: -0.02em; }
.t-body-lg { font: 400 17px/1.6 var(--font-sans); }
.t-body { font: 400 15px/1.45 var(--font-sans); }
.t-body-sm { font: 400 14px/1.4 var(--font-sans); }
.t-input { font: 400 16px/1.4 var(--font-sans); }
.t-field-label { font: 500 15px/1.4 var(--font-sans); }
.t-button-lg { font: 600 17px/1 var(--font-sans); }
.t-button { font: 600 15px/1 var(--font-sans); }
.t-caption { font: 400 13px/1.4 var(--font-sans); }
.t-overline { font: 600 13px/1.3 var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase; }
.t-tag { font: 600 11px/1.2 var(--font-sans); letter-spacing: 0.06em; text-transform: uppercase; }
.t-folio { font: 400 16px/1.4 var(--font-mono); letter-spacing: 0.06em; }