/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --dinova-colors-black: #000000;
  --dinova-colors-white: #ffffff;
  --dinova-colors-apple-25: #f3fbf4;
  --dinova-colors-apple-50: #e7f7e9;
  --dinova-colors-apple-100: #c5eac8;
  --dinova-colors-apple-200: #a0dca5;
  --dinova-colors-apple-300: #77cf80;
  --dinova-colors-apple-350: #66ca72;
  --dinova-colors-apple-400: #55c464;
  --dinova-colors-apple-500: #30b947;
  --dinova-colors-apple-600: #27a03d;
  --dinova-colors-apple-650: #248835;
  --dinova-colors-apple-700: #1f672a;
  --dinova-colors-apple-800: #14411c;
  --dinova-colors-cherry-25: #fef5f6;
  --dinova-colors-cherry-50: #fceaed;
  --dinova-colors-cherry-100: #f8d4da;
  --dinova-colors-cherry-200: #f1a9b5;
  --dinova-colors-cherry-250: #ee94a3;
  --dinova-colors-cherry-300: #eb7e90;
  --dinova-colors-cherry-400: #e4536b;
  --dinova-colors-cherry-500: #dd2846;
  --dinova-colors-cherry-600: #b12038;
  --dinova-colors-cherry-700: #841b2a;
  --dinova-colors-cherry-800: #5b101c;
  --dinova-colors-grain-25: #fffcf0;
  --dinova-colors-grain-50: #fff8e1;
  --dinova-colors-grain-100: #ffecb3;
  --dinova-colors-grain-200: #ffd54f;
  --dinova-colors-grain-300: #ffca28;
  --dinova-colors-grain-350: #ffc618;
  --dinova-colors-grain-400: #ffc107;
  --dinova-colors-grain-500: #ffb300;
  --dinova-colors-grain-600: #ff9500;
  --dinova-colors-grain-700: #f16c06;
  --dinova-colors-grain-800: #be5108;
  --dinova-colors-slate-25: #f8fafb;
  --dinova-colors-slate-50: #f1f4f7;
  --dinova-colors-slate-100: #e0e4e7;
  --dinova-colors-slate-150: #d1d7db;
  --dinova-colors-slate-200: #c1c9cf;
  --dinova-colors-slate-300: #a1adb6;
  --dinova-colors-slate-400: #82929e;
  --dinova-colors-slate-500: #637786;
  --dinova-colors-slate-600: #4f5f6b;
  --dinova-colors-slate-700: #3b4750;
  --dinova-colors-slate-800: #283036;
  --dinova-colors-slate-900: #16191b;
  --dinova-spacing-0: 0px;
  --dinova-spacing-1: 2px;
  --dinova-spacing-2: 4px;
  --dinova-spacing-3: 8px;
  --dinova-spacing-4: 12px;
  --dinova-spacing-5: 16px;
  --dinova-spacing-6: 20px;
  --dinova-spacing-7: 24px;
  --dinova-spacing-8: 32px;
  --dinova-spacing-9: 40px;
  --dinova-spacing-10: 48px;
  --dinova-spacing-11: 56px;
  --dinova-spacing-12: 64px;
  --dinova-spacing-13: 80px;
  --dinova-spacing-14: 96px;
  --dinova-text-fonts-aptos-new: 'Aptos Display', sans-serif; /** Aptos (Display cut) — the heading font on every platform. On web the 'Aptos Display' family is registered by the generated web/fonts.css @font-face; native apps bundle the ttf listed in their fonts/manifest.<platform>.json. */
  --dinova-text-fonts-inter: Inter, sans-serif; /** Web body font. The 'Inter' family is registered by the generated web/fonts.css @font-face (Regular/SemiBold/Bold, served alongside the tokens). The web face of every system-tier style, via text.fonts.system_display/system_text. */
  --dinova-text-weights-regular: 400;
  --dinova-text-weights-semibold: 600; /** 600 on iOS/web; the Android build transforms this to 500 (Roboto Medium — Roboto has no 600 cut). See fontWeight/android in build.mjs. */
  --dinova-text-weights-bold: 700;
  --dinova-theme-elevation-0: none; /** Flat · no shadow */
  --dinova-theme-elevation-1: 0px 2px 8px 1px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.04); /** Cards, list items · subtle lift */
  --dinova-theme-elevation-2: 0px 4px 16px 0px rgba(0, 0, 0, 0.16), 0px 1px 1px 0px rgba(0, 0, 0, 0.04); /** Menus, Dropdowns, tooltips · medium lift */
  --dinova-theme-elevation-3: 0px 6px 24px 4px rgba(0, 0, 0, 0.18), 0px 2px 6px 2px rgba(0, 0, 0, 0.04); /** Bottom sheets, drawers  and action sheets· strong lift */
  --dinova-theme-elevation-4: 0px 16px 40px 16px rgba(0, 0, 0, 0.16), 0px 4px 12px 8px rgba(0, 0, 0, 0.08); /** Dialogs, modals · maximum lift */
  --dinova-text-fonts-system-display: Inter, sans-serif; /** System-tier family for large sizes (>= 20px): Inter on web, SF Pro Display on iOS, Roboto on Android. The native values are swapped in per platform by the fontFamily/*-system transforms in build.mjs. */
  --dinova-text-fonts-system-text: Inter, sans-serif; /** System-tier family for text sizes (< 20px): Inter on web, SF Pro Text on iOS, Roboto on Android. The native values are swapped in per platform by the fontFamily/*-system transforms in build.mjs. */
  --dinova-text-styles-display-large: 700 34px/41px 'Aptos Display', sans-serif; /** DisplayLarge — the largest display/heading style. 34/41 bold, Aptos Display (brand tier) on every platform. Onboarding hero and splash screens. */
  --dinova-text-styles-headline-large: 700 28px/34px 'Aptos Display', sans-serif; /** HeadlineLarge — one step below DisplayLarge. 28/34 bold, Aptos Display (brand tier) on every platform. Marketing screens only. */
  --dinova-theme-brand-apple: var(--dinova-colors-apple-600);
  --dinova-theme-brand-cherry: var(--dinova-colors-cherry-500);
  --dinova-theme-brand-grain: var(--dinova-colors-grain-500);
  --dinova-theme-brand-orange: var(--dinova-colors-grain-700);
  --dinova-theme-semantic-success-default: var(--dinova-colors-apple-500);
  --dinova-theme-semantic-success-subtle: var(--dinova-colors-apple-50);
  --dinova-theme-semantic-success-text: var(--dinova-colors-apple-700);
  --dinova-theme-semantic-success-border: var(--dinova-colors-apple-200);
  --dinova-theme-semantic-error-default: var(--dinova-colors-cherry-600);
  --dinova-theme-semantic-error-subtle: var(--dinova-colors-cherry-50);
  --dinova-theme-semantic-error-text: var(--dinova-colors-cherry-700);
  --dinova-theme-semantic-error-border: var(--dinova-colors-cherry-200);
  --dinova-theme-semantic-warning-default: var(--dinova-colors-grain-700);
  --dinova-theme-semantic-warning-subtle: var(--dinova-colors-grain-50);
  --dinova-theme-semantic-warning-text: var(--dinova-colors-grain-800);
  --dinova-theme-semantic-warning-border: var(--dinova-colors-grain-100);
  --dinova-theme-semantic-caution-default: var(--dinova-colors-grain-400);
  --dinova-theme-semantic-caution-subtle: var(--dinova-colors-grain-50);
  --dinova-theme-semantic-caution-text: var(--dinova-colors-grain-800);
  --dinova-theme-semantic-caution-border: var(--dinova-colors-grain-100);
  --dinova-theme-semantic-info-default: var(--dinova-colors-slate-600);
  --dinova-theme-semantic-info-subtle: var(--dinova-colors-slate-50);
  --dinova-theme-semantic-info-text: var(--dinova-colors-slate-700);
  --dinova-theme-semantic-info-border: var(--dinova-colors-slate-200);
  --dinova-theme-surface-background: var(--dinova-colors-slate-25);
  --dinova-theme-surface-card: var(--dinova-colors-white);
  --dinova-theme-surface-elevated: var(--dinova-colors-white);
  --dinova-theme-surface-overlay: var(--dinova-colors-slate-50);
  --dinova-theme-surface-inverse: var(--dinova-colors-slate-800);
  --dinova-theme-surface-brand: var(--dinova-colors-apple-700);
  --dinova-theme-surface-onbrand: var(--dinova-colors-white);
  --dinova-theme-text-primary: var(--dinova-colors-slate-800);
  --dinova-theme-text-secondary: var(--dinova-colors-slate-600);
  --dinova-theme-text-tertiary: var(--dinova-colors-slate-400);
  --dinova-theme-text-disabled: var(--dinova-colors-slate-300);
  --dinova-theme-text-inverse: var(--dinova-colors-white);
  --dinova-theme-text-onbrand: var(--dinova-colors-white);
  --dinova-theme-text-onbrand-strong: var(--dinova-colors-white);
  --dinova-theme-text-onbrand-subtle: var(--dinova-colors-apple-100);
  --dinova-theme-border-default: var(--dinova-colors-slate-100);
  --dinova-theme-border-strong: var(--dinova-colors-slate-400);
  --dinova-theme-border-focus: var(--dinova-colors-apple-600);
  --dinova-theme-border-error: var(--dinova-colors-cherry-600);
  --dinova-theme-border-warning: var(--dinova-colors-grain-700);
  --dinova-theme-interactive-default: var(--dinova-colors-apple-650);
  --dinova-theme-interactive-hover: var(--dinova-colors-apple-700);
  --dinova-theme-interactive-pressed: var(--dinova-colors-apple-800);
  --dinova-theme-interactive-disabled: var(--dinova-colors-slate-200);
  --dinova-theme-interactive-focus: var(--dinova-colors-apple-600);
  --dinova-theme-interactive-subtle: var(--dinova-colors-apple-50);
  --dinova-theme-interactive-tint-hover: var(--dinova-colors-slate-100);
  --dinova-theme-interactive-tint-pressed: var(--dinova-colors-slate-150);
  --dinova-theme-interactive-text: var(--dinova-colors-apple-650);
  --dinova-theme-interactive-selected: var(--dinova-colors-apple-200);
  --dinova-theme-interactive-selected-disabled: var(--dinova-colors-apple-100);
  --dinova-theme-interactive-track: var(--dinova-colors-slate-100);
  --dinova-theme-interactive-destructive-default: var(--dinova-colors-cherry-500);
  --dinova-theme-interactive-destructive-hover: var(--dinova-colors-cherry-600);
  --dinova-theme-interactive-destructive-pressed: var(--dinova-colors-cherry-700);
  --dinova-theme-interactive-destructive-subtle: var(--dinova-colors-cherry-50);
  --dinova-text-styles-headline-medium: 700 22px/28px Inter, sans-serif; /** HeadlineMedium — 22/28 bold, system tier (SF Pro Display / Roboto / Inter). Section headers. iOS Dynamic Type: Title 2. */
  --dinova-text-styles-headline-small: 700 20px/25px Inter, sans-serif; /** HeadlineSmall — 20/25 bold, system tier (SF Pro Display / Roboto / Inter). Card & panel titles. iOS Dynamic Type: Title 3. */
  --dinova-text-styles-title-large: 600 17px/22px Inter, sans-serif; /** TitleLarge — 17/22 semibold, system tier (SF Pro Text / Roboto / Inter; semibold renders as 600 on iOS/web, 500 Roboto Medium on Android). List headers. iOS Dynamic Type: Headline. */
  --dinova-text-styles-body-large: 400 17px/22px Inter, sans-serif; /** BodyLarge — primary body text. 17/22 regular, system tier (SF Pro Text / Roboto / Inter). Main content. iOS Dynamic Type: Body. */
  --dinova-text-styles-body-medium: 400 16px/21px Inter, sans-serif; /** BodyMedium — 16/21 regular, system tier (SF Pro Text / Roboto / Inter). Secondary supporting content. iOS Dynamic Type: Callout. */
  --dinova-text-styles-body-small: 400 15px/20px Inter, sans-serif; /** BodySmall — 15/20 regular, system tier (SF Pro Text / Roboto / Inter). Supporting detail text. iOS Dynamic Type: Subheadline. */
  --dinova-text-styles-label-large: 600 14px/20px Inter, sans-serif; /** LabelLarge — 14/20 semibold, system tier (SF Pro Text / Roboto / Inter; semibold renders as 600 on iOS/web, 500 Roboto Medium on Android). Buttons, tabs, chips. iOS has no 14pt text style — use .headline scaled. */
  --dinova-text-styles-caption: 400 13px/18px Inter, sans-serif; /** Caption — 13/18 regular, system tier (SF Pro Text / Roboto / Inter). Helper text and footnotes. iOS Dynamic Type: Footnote. */
  --dinova-text-styles-caption-small: 400 12px/16px Inter, sans-serif; /** CaptionSmall — the smallest text style. 12/16 regular, system tier (SF Pro Text / Roboto / Inter). Timestamps and metadata. iOS Dynamic Type: Caption 1. */
}

[data-theme="dark"] {
  --dinova-theme-elevation-0: none; /** Flat · no shadow */
  --dinova-theme-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  --dinova-theme-elevation-2: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  --dinova-theme-elevation-3: 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
  --dinova-theme-elevation-4: 0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);
  --dinova-theme-brand-apple: var(--dinova-colors-apple-400);
  --dinova-theme-brand-cherry: var(--dinova-colors-cherry-300);
  --dinova-theme-brand-grain: var(--dinova-colors-grain-400);
  --dinova-theme-brand-orange: var(--dinova-colors-grain-600);
  --dinova-theme-semantic-success-default: var(--dinova-colors-apple-400);
  --dinova-theme-semantic-success-subtle: var(--dinova-colors-apple-800);
  --dinova-theme-semantic-success-text: var(--dinova-colors-apple-200);
  --dinova-theme-semantic-success-border: var(--dinova-colors-apple-700);
  --dinova-theme-semantic-error-default: var(--dinova-colors-cherry-300);
  --dinova-theme-semantic-error-subtle: var(--dinova-colors-cherry-800);
  --dinova-theme-semantic-error-text: var(--dinova-colors-cherry-200);
  --dinova-theme-semantic-error-border: var(--dinova-colors-cherry-700);
  --dinova-theme-semantic-warning-default: var(--dinova-colors-grain-500);
  --dinova-theme-semantic-warning-subtle: var(--dinova-colors-grain-800);
  --dinova-theme-semantic-warning-text: var(--dinova-colors-grain-200);
  --dinova-theme-semantic-warning-border: var(--dinova-colors-grain-700);
  --dinova-theme-semantic-caution-default: var(--dinova-colors-grain-400);
  --dinova-theme-semantic-caution-subtle: var(--dinova-colors-grain-800);
  --dinova-theme-semantic-caution-text: var(--dinova-colors-grain-100);
  --dinova-theme-semantic-caution-border: var(--dinova-colors-grain-700);
  --dinova-theme-semantic-info-default: var(--dinova-colors-slate-200);
  --dinova-theme-semantic-info-subtle: var(--dinova-colors-slate-700);
  --dinova-theme-semantic-info-text: var(--dinova-colors-slate-200);
  --dinova-theme-semantic-info-border: var(--dinova-colors-slate-500);
  --dinova-theme-surface-background: var(--dinova-colors-slate-900);
  --dinova-theme-surface-card: var(--dinova-colors-slate-700);
  --dinova-theme-surface-elevated: var(--dinova-colors-slate-600);
  --dinova-theme-surface-overlay: var(--dinova-colors-slate-800);
  --dinova-theme-surface-inverse: var(--dinova-colors-white);
  --dinova-theme-surface-brand: var(--dinova-colors-apple-700);
  --dinova-theme-surface-onbrand: var(--dinova-colors-white);
  --dinova-theme-text-primary: var(--dinova-colors-slate-50);
  --dinova-theme-text-secondary: var(--dinova-colors-slate-150);
  --dinova-theme-text-tertiary: var(--dinova-colors-slate-200);
  --dinova-theme-text-disabled: var(--dinova-colors-slate-600);
  --dinova-theme-text-inverse: var(--dinova-colors-slate-800);
  --dinova-theme-text-onbrand: var(--dinova-colors-slate-800);
  --dinova-theme-text-onbrand-strong: var(--dinova-colors-white);
  --dinova-theme-text-onbrand-subtle: var(--dinova-colors-apple-100);
  --dinova-theme-border-default: var(--dinova-colors-slate-700);
  --dinova-theme-border-strong: var(--dinova-colors-slate-500);
  --dinova-theme-border-focus: var(--dinova-colors-apple-400);
  --dinova-theme-border-error: var(--dinova-colors-cherry-400);
  --dinova-theme-border-warning: var(--dinova-colors-grain-500);
  --dinova-theme-interactive-default: var(--dinova-colors-apple-400);
  --dinova-theme-interactive-hover: var(--dinova-colors-apple-350);
  --dinova-theme-interactive-pressed: var(--dinova-colors-apple-500);
  --dinova-theme-interactive-disabled: var(--dinova-colors-slate-700);
  --dinova-theme-interactive-focus: var(--dinova-colors-apple-400);
  --dinova-theme-interactive-subtle: var(--dinova-colors-apple-800);
  --dinova-theme-interactive-tint-hover: var(--dinova-colors-slate-800);
  --dinova-theme-interactive-tint-pressed: var(--dinova-colors-black);
  --dinova-theme-interactive-text: var(--dinova-colors-apple-400);
  --dinova-theme-interactive-selected: var(--dinova-colors-apple-700);
  --dinova-theme-interactive-selected-disabled: var(--dinova-colors-apple-800);
  --dinova-theme-interactive-track: var(--dinova-colors-slate-700);
  --dinova-theme-interactive-destructive-default: var(--dinova-colors-cherry-300);
  --dinova-theme-interactive-destructive-hover: var(--dinova-colors-cherry-250);
  --dinova-theme-interactive-destructive-pressed: var(--dinova-colors-cherry-400);
  --dinova-theme-interactive-destructive-subtle: var(--dinova-colors-cherry-800);
}