/*
 * 7-Eleven — brand tokens
 * Generated by BrandSweets from the 7-eleven-com BrandDoc (v2, schema 1). Do not edit by hand.
 */

:root {
  /* Colors */
  --bs-color-primary: #212529;
  --bs-color-primary-50: #f4f5f5;
  --bs-color-primary-100: #e4e6e7;
  --bs-color-primary-200: #ccd1d6;
  --bs-color-primary-300: #adb5bd;
  --bs-color-primary-400: #919ca6;
  --bs-color-primary-500: #778592;
  --bs-color-primary-600: #64707d;
  --bs-color-primary-700: #525c66;
  --bs-color-primary-800: #40474f;
  --bs-color-primary-900: #2e3338;
  --bs-color-primary-950: #212529;
  --bs-color-secondary: #14734f;
  --bs-color-secondary-50: #f1f9f6;
  --bs-color-secondary-100: #dcefe8;
  --bs-color-secondary-200: #b1f1d9;
  --bs-color-secondary-300: #81e9c1;
  --bs-color-secondary-400: #56e1ac;
  --bs-color-secondary-500: #2fda99;
  --bs-color-secondary-600: #22bf83;
  --bs-color-secondary-700: #1c9c6b;
  --bs-color-secondary-800: #14734f;
  --bs-color-secondary-900: #15513a;
  --bs-color-secondary-950: #0d3526;
  --bs-color-accent: #00e682;
  --bs-color-accent-50: #effaf6;
  --bs-color-accent-100: #d7f4e7;
  --bs-color-accent-200: #a3ffd7;
  --bs-color-accent-300: #6bffbf;
  --bs-color-accent-400: #38ffa9;
  --bs-color-accent-500: #0aff95;
  --bs-color-accent-600: #00e682;
  --bs-color-accent-700: #00b868;
  --bs-color-accent-800: #008f51;
  --bs-color-accent-900: #085e39;
  --bs-color-accent-950: #053d25;
  --bs-color-surface: #ffffff;
  --bs-color-surface-50: #ffffff;
  --bs-color-surface-100: #e6e6e6;
  --bs-color-surface-200: #d1d1d1;
  --bs-color-surface-300: #b5b5b5;
  --bs-color-surface-400: #9c9c9c;
  --bs-color-surface-500: #858585;
  --bs-color-surface-600: #707070;
  --bs-color-surface-700: #5c5c5c;
  --bs-color-surface-800: #474747;
  --bs-color-surface-900: #333333;
  --bs-color-surface-950: #212121;
  --bs-color-text: #212529;
  --bs-color-text-50: #f4f5f5;
  --bs-color-text-100: #e4e6e7;
  --bs-color-text-200: #ccd1d6;
  --bs-color-text-300: #adb5bd;
  --bs-color-text-400: #919ca6;
  --bs-color-text-500: #778592;
  --bs-color-text-600: #64707d;
  --bs-color-text-700: #525c66;
  --bs-color-text-800: #40474f;
  --bs-color-text-900: #2e3338;
  --bs-color-text-950: #212529;

  /* Typography */
  --bs-font-heading: RightGrotesk-CompactDark, Helvetica, Arial, sans-serif;
  --bs-font-body: Roboto, Helvetica, Arial, sans-serif;

  /* Brand gradient (derived) */
  /* worst-case contrast: white 5.84:1 AA, black 1.36:1 */
  --brand-gradient: linear-gradient(135deg in oklab, #212529 0%, #14734f 100%);
  /* hero — worst-case contrast: white 6.05:1 AA, black 1.36:1; ink passes AA at the worst point */
  --brand-gradient-hero: linear-gradient(135deg in oklab, #232526 0%, #50685b 100%);
  --brand-gradient-hero-ink: #ffffff;
  /* button — worst-case contrast: white 13.49:1 AA, black 1.23:1 */
  --brand-gradient-button: linear-gradient(180deg in oklch shorter hue, #2b2f33 0%, #181c1f 100%);
  --brand-gradient-button-hover: linear-gradient(180deg in oklch shorter hue, #32363b 0%, #1f2327 100%);
  --brand-gradient-button-active: linear-gradient(180deg in oklch shorter hue, #23272b 0%, #111518 100%);
  --brand-gradient-button-ink: #ffffff;
}