/* Pizza Bros design tokens — theme: pizzabros
   GENERATED by brand/brand-system/build.py — do not edit by hand.
   Edit brand/brand-system/tokens.json and re-run. */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root{
  /* colour — three jobs: ground, brand, action */
  --ground: #111111;
  --ground-alt: #1B1B19;
  --ink: #F7F4EC;
  --ink-muted: #A8A49A;
  --header: #111111;
  --brand-deep: #D5A96A;
  --on-brand: #111111;
  --line: #57544E;
  --brand: #D5A96A;
  --action: #D5A96A;
  --action-ink: #D5A96A;
  --on-action: #FFFFFF;
  --gold-print: #D5A96A;

  /* type — ONE family */
  --font-display: 'Posey', 'Rokkitt', Rockwell, Georgia, serif;
  --font-ui: 'Poppins',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font: 'Poppins',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --weight-display: 400;
  --weight-heading: 400;
  --weight-body: 400;
  --weight-label: 700;

  /* type — FOUR sizes, nothing in between */
  --size-display: clamp(46px, 11.5vw, 104px);  /* hero headline, price */
  --size-heading: clamp(26px, 5.2vw, 40px);  /* section titles, card titles */
  --size-body: 16px;  /* all readable copy */
  --size-small: 13px;  /* captions, addresses, fine print */
  --track-display: -0.035em;
  --track-label: 0.14em;
  --lead-display: 0.88;
  --lead-heading: 1.05;
  --lead-body: 1.55;

  /* space + shape */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 18px;
  --space-lg: 28px;
  --space-xl: 44px;
  --space-xxl: 64px;
  --radius-sm: 9px;
  --radius-lg: 14px;
  --size-button: 18px;
  --weight-button: 600;
  --track-button: 0.04em;
  --pad-button: 0.78em 1.55em;
  --shadow-card: 0 10px 28px rgba(0,0,0,.18);
}

/* base — everything inherits the system */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--size-body);font-weight:var(--weight-body);line-height:var(--lead-body);-webkit-font-smoothing:antialiased}
h1,.t-display{font-family:var(--font-display);font-size:var(--size-display);font-weight:var(--weight-display);letter-spacing:var(--track-display);line-height:var(--lead-display);margin:0}
h2,h3,.t-heading{font-family:var(--font-display);font-size:var(--size-heading);font-weight:var(--weight-heading);line-height:var(--lead-heading);margin:0}
.t-small{font-size:var(--size-small)}
.t-label{font-size:var(--size-small);font-weight:var(--weight-label);letter-spacing:var(--track-label);text-transform:uppercase}
.t-muted{color:var(--ink-muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:var(--size-button);font-weight:var(--weight-button);letter-spacing:var(--track-button);text-transform:uppercase;padding:var(--pad-button);border-radius:var(--radius-sm);border:0;cursor:pointer;text-decoration:none;transition:filter .13s ease}
.btn-action{background:var(--action);color:var(--on-action)}
.btn-brand{background:var(--brand);color:var(--on-brand)}
.btn-quiet{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
@media (hover:hover){.btn:hover{filter:brightness(1.07)}}