/* Generated by scripts/build-web-tokens.mjs from the iOS Palette.swift. Do not edit. */

:root {
  color-scheme: light dark;
  --dp-page: #f9f4ec;
  --dp-surface: #ffffff;
  --dp-sunken: #f0e8dd;
  --dp-pressed: #e5d9cc;
  --dp-line: #eadfd4;
  --dp-track: #d3c8bd;
  --dp-outline: #8e8279;
  --dp-ink: #221a16;
  --dp-ink-secondary: #5e5149;
  --dp-ink-tertiary: #75665b;
  --dp-brand: #ff6929;
  --dp-brand-pressed: #f0561a;
  --dp-on-brand: #170f0b;
  --dp-brand-soft: #ffe1d0;
  --dp-brand-ink: #bb3800;
  --dp-positive: #21763c;
  --dp-positive-fill: #21763c;
  --dp-positive-soft: #d8efdd;
  --dp-on-positive: #ffffff;
  --dp-caution: #a66a0c;
  --dp-danger: #9c113f;
  --dp-danger-fill: #b2203f;
  --dp-plate: #e9e4db;
  --dp-plate-rim: #d2cabd;
  --dp-plate-shadow: rgb(58 34 18 / 26%);
  --dp-scrim: rgb(34 26 22 / 40%);
  --dp-google: #1a73e8;
  --dp-google-pressed: #185abc;
  --dp-on-google: #ffffff;
  --dp-apple: #000000;
  --dp-on-apple: #ffffff;
  --dp-selection: var(--dp-ink);
  --dp-space-xxs: 4px;
  --dp-space-xs: 8px;
  --dp-space-sm: 12px;
  --dp-space-md: 16px;
  --dp-space-lg: 20px;
  --dp-space-xl: 24px;
  --dp-space-xxl: 32px;
  --dp-space-xxxl: 48px;
  --dp-radius-card: 24px;
  --dp-radius-row: 20px;
  --dp-radius-input: 14px;
  --dp-radius-wrapped-button: 27px;
  --dp-font-serif: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --dp-font-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --dp-page: #161210;
    --dp-surface: #221c18;
    --dp-sunken: #2e2823;
    --dp-pressed: #3f342d;
    --dp-line: #3a302a;
    --dp-track: #3f352f;
    --dp-outline: #a2968c;
    --dp-ink: #f8f2ea;
    --dp-ink-secondary: #d8ccc1;
    --dp-ink-tertiary: #c4b5a9;
    --dp-brand-soft: #3b2318;
    --dp-brand-ink: #ffab82;
    --dp-positive: #90c69e;
    --dp-positive-fill: #428155;
    --dp-positive-soft: #1d2b21;
    --dp-caution: #e6b655;
    --dp-danger: #fe7b90;
    --dp-plate-shadow: rgb(0 0 0 / 55%);
    --dp-scrim: rgb(0 0 0 / 55%);
    --dp-apple: #ffffff;
    --dp-on-apple: #000000;
  }
}

@media (prefers-contrast: more) {
  :root {
    --dp-pressed: #d3c4b5;
    --dp-line: #908378;
    --dp-track: #968c84;
    --dp-outline: #71655d;
    --dp-ink: #140e0b;
    --dp-ink-secondary: #41362f;
    --dp-ink-tertiary: #5e5149;
    --dp-brand: #140e0b;
    --dp-brand-pressed: #2b211c;
    --dp-on-brand: #ffffff;
    --dp-brand-ink: #8e2800;
    --dp-positive: #1e572f;
    --dp-positive-fill: #1e572f;
    --dp-caution: #6d4300;
    --dp-danger: #7e0a31;
    --dp-danger-fill: #8f1232;
  }
}

@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root {
    --dp-page: #161210;
    --dp-surface: #221c18;
    --dp-sunken: #2e2823;
    --dp-pressed: #54463d;
    --dp-line: #7d6f65;
    --dp-track: #6a5f58;
    --dp-outline: #b5a99f;
    --dp-ink: #ffffff;
    --dp-ink-secondary: #e6dcd2;
    --dp-ink-tertiary: #d2c6bb;
    --dp-brand: #ffffff;
    --dp-brand-pressed: #e6dcd2;
    --dp-on-brand: #000000;
    --dp-brand-soft: #3b2318;
    --dp-brand-ink: #ffc7a6;
    --dp-positive: #a4dbb2;
    --dp-positive-fill: #428155;
    --dp-positive-soft: #1d2b21;
    --dp-caution: #f7c766;
    --dp-danger: #ff98a8;
    --dp-danger-fill: #a31b3a;
    --dp-plate-shadow: rgb(0 0 0 / 55%);
    --dp-scrim: rgb(0 0 0 / 55%);
    --dp-apple: #ffffff;
    --dp-on-apple: #000000;
  }
}