/*
 * Doordash — brand tokens
 * Generated by BrandSweets from the doordash-com BrandDoc (v5, schema 1). Do not edit by hand.
 */

:root {
  /* Colors */
  --bs-color-primary: #ff3008;
  --bs-color-primary-50: #faf1ef;
  --bs-color-primary-100: #f4dcd7;
  --bs-color-primary-200: #ffb3a3;
  --bs-color-primary-300: #ff846b;
  --bs-color-primary-400: #ff5938;
  --bs-color-primary-500: #ff3008;
  --bs-color-primary-600: #e02500;
  --bs-color-primary-700: #b81f00;
  --bs-color-primary-800: #8f1800;
  --bs-color-primary-900: #5e1608;
  --bs-color-primary-950: #3d0e05;
  --bs-color-secondary: #eb1700;
  --bs-color-secondary-50: #faf0ef;
  --bs-color-secondary-100: #f4dad7;
  --bs-color-secondary-200: #ffaca3;
  --bs-color-secondary-300: #ff7a6b;
  --bs-color-secondary-400: #ff4c38;
  --bs-color-secondary-500: #ff230a;
  --bs-color-secondary-600: #eb1700;
  --bs-color-secondary-700: #b81200;
  --bs-color-secondary-800: #8f0e00;
  --bs-color-secondary-900: #5e1008;
  --bs-color-secondary-950: #3d0b05;
  --bs-color-accent: #0000ee;
  --bs-color-accent-50: #efeffa;
  --bs-color-accent-100: #d7d7f4;
  --bs-color-accent-200: #a3a3ff;
  --bs-color-accent-300: #6b6bff;
  --bs-color-accent-400: #3838ff;
  --bs-color-accent-500: #0a0aff;
  --bs-color-accent-600: #0000ee;
  --bs-color-accent-700: #0000b8;
  --bs-color-accent-800: #00008f;
  --bs-color-accent-900: #08085e;
  --bs-color-accent-950: #05053d;
  --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: #000000;
  --bs-color-text-50: #f5f5f5;
  --bs-color-text-100: #e6e6e6;
  --bs-color-text-200: #d1d1d1;
  --bs-color-text-300: #b5b5b5;
  --bs-color-text-400: #9c9c9c;
  --bs-color-text-500: #858585;
  --bs-color-text-600: #707070;
  --bs-color-text-700: #5c5c5c;
  --bs-color-text-800: #474747;
  --bs-color-text-900: #333333;
  --bs-color-text-950: #000000;

  /* Typography */
  --bs-font-heading: TTNormsProCond-Blk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --bs-font-body: Times, sans-serif;

  /* Brand gradient (derived) */
  /* worst-case contrast: white 1.88:1, black 2.87:1 */
  --brand-gradient: linear-gradient(135deg in oklch shorter hue, #ffa793 0%, #ff3008 50%, #b10000 100%);
  /* hero — worst-case contrast: white 4.61:1 AA, black 1.17:1; ink passes AA at the worst point */
  --brand-gradient-hero: linear-gradient(135deg in oklch shorter hue, #8d6e66 0%, #702f22 50%, #340407 100%);
  --brand-gradient-hero-ink: #ffffff;
  /* button — worst-case contrast: white 4.70:1 AA, black 3.37:1 AA-large */
  --brand-gradient-button: linear-gradient(180deg in oklch shorter hue, #e90000 0%, #c50000 100%);
  --brand-gradient-button-hover: linear-gradient(180deg in oklch shorter hue, #f41f00 0%, #d40000 100%);
  --brand-gradient-button-active: linear-gradient(180deg in oklch shorter hue, #dd0000 0%, #b60000 100%);
  --brand-gradient-button-ink: #ffffff;
  /* button ink: 4.2:1 — below AA */
}