/*
  Tony's Sports Grill: design tokens
  Shared by the site (index.html) and the strategy deck (deck/). All colour and type lives here.
  Site and slide CSS reference these variables and never hard-code hex values or font sizes.

  Palette: final. On Oct 7, 2026 Mike chose to recolour the logo to these values (option B)
  rather than change them to match the logo. The deck's "Type and palette" slide measures them live.
*/

/* Sofia Sans Extra Condensed: display face (SIL OFL 1.1, see fonts/OFL.txt) */
@font-face {
  font-family: "Sofia Sans Extra Condensed";
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/sofia-sans-extra-condensed-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Sofia Sans Extra Condensed";
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/sofia-sans-extra-condensed-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Sofia Sans Extra Condensed";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/sofia-sans-extra-condensed-normal-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Sofia Sans Extra Condensed";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/sofia-sans-extra-condensed-normal-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Sofia Sans: body face (SIL OFL 1.1, see fonts/OFL.txt) */
@font-face {
  font-family: "Sofia Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/sofia-sans-normal-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Sofia Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/sofia-sans-normal-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Sofia Sans";
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/sofia-sans-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Sofia Sans";
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/sofia-sans-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Brand colours (starting values; replace from logo files and re-measure) */
  --tsg-black: #0E0E0E;
  --tsg-white: #FFFFFF;
  --tsg-red-deep: #D21F2B;
  --tsg-red-bright: #E8323C;

  /* Colour roles. These are the only approved pairings:
     white on black          body text
     white on deep red       buttons
     bright red on black     accents, large text
     deep red on black       decoration only, never text
     The site's white sections add (approved Oct 7, 2026):
     black on white          body text
     deep red on white       labels, accents, buttons (5.29 : 1)
     white on deep red       as above */
  --color-bg: var(--tsg-black);
  --color-text: var(--tsg-white);
  --color-accent: var(--tsg-red-bright);
  --color-button-bg: var(--tsg-red-deep);
  --color-button-text: var(--tsg-white);
  --color-decoration: var(--tsg-red-deep);
  --color-light-bg: var(--tsg-white);
  --color-light-text: var(--tsg-black);
  --color-light-accent: var(--tsg-red-deep);

  /* Type families */
  --font-display: "Sofia Sans Extra Condensed", "Arial Narrow", sans-serif;
  --font-body: "Sofia Sans", "Segoe UI", system-ui, sans-serif;

  /* Display is always black weight, italic. The slant echoes the logo script. */
  --display-weight: 900;
  --display-style: italic;
  --display-tracking: 0;
  --body-weight: 400;
  --body-weight-strong: 700;
  --label-tracking: 0.08em;

  /* Site type scale, desktop, in CSS px */
  --text-hero: 176px;          /* the hero's day name and the "2003" in Our story only */
  --leading-hero: 0.82;
  --text-display-1: 96px;
  --leading-display-1: 0.9;
  --text-display-2: 64px;
  --leading-display-2: 0.95;
  --text-display-3: 40px;
  --leading-display-3: 1;
  --text-body-lg: 22px;
  --leading-body-lg: 1.45;
  --text-body: 18px;
  --leading-body: 1.5;
  --text-small: 15px;
  --leading-small: 1.4;

  /* Deck type scale, on the 1920 × 1080 slide canvas */
  --deck-text-cover: 296px;
  --deck-text-title: 120px;
  --deck-text-quote: 100px;
  --deck-text-heading-lg: 80px;
  --deck-text-heading: 64px;
  --deck-text-figure: 48px;
  --deck-text-subheading: 44px;
  --deck-text-block: 40px;
  --deck-text-lead: 36px;
  --deck-text-body: 30px;
  --deck-text-detail: 26px;
  --deck-text-small: 24px;
  --deck-text-label: 22px;
  --deck-text-caption: 20px;
  --deck-text-tag: 18px;
  --deck-text-ui: 16px;
  --deck-leading-cover: 0.84;
  --deck-leading-title: 0.9;
  --deck-leading-quote: 0.98;
  --deck-leading-heading: 0.95;
}