/* GENERATED by build_tokens.py. Edit dari-ui.tokens.json, not this file. */
[data-dari-ui="soft-v1"] {
  --du-font-family: "Manrope", "Inter", system-ui, "Segoe UI", sans-serif;
  --du-space-1: 4px;
  --du-space-2: 8px;
  --du-space-3: 12px;
  --du-space-4: 16px;
  --du-space-5: 20px;
  --du-space-6: 24px;
  --du-space-8: 32px;
  --du-space-10: 40px;
  --du-space-12: 48px;
  --du-r-tag: 10px;
  --du-r-control: 16px;
  --du-r-thumb: 16px;
  --du-r-tile: 20px;
  --du-r-card: 24px;
  --du-r-panel: 28px;
  --du-r-pill: 999px;
  --du-type-display: 1.75rem;
  --du-line-display: 1.214286;
  --du-weight-display: 800;
  --du-type-feature: 1.375rem;
  --du-line-feature: 1.272727;
  --du-weight-feature: 700;
  --du-type-title: 1.125rem;
  --du-line-title: 1.333333;
  --du-weight-title: 700;
  --du-type-body: 1rem;
  --du-line-body: 1.5;
  --du-weight-body: 500;
  --du-type-secondary: .875rem;
  --du-line-secondary: 1.428571;
  --du-weight-secondary: 500;
  --du-type-caption: .75rem;
  --du-line-caption: 1.333333;
  --du-weight-caption: 600;
  --du-control-height: 52px;
  --du-compact-height: 44px;
  --du-field-height: 52px;
  --du-icon-size: 24px;
  --du-card-padding: 20px;
  --du-row-padding: 16px;
  --du-tile-padding: 16px;
  --du-thumb-size: 72px;
  --du-icon-tile-size: 44px;
  --du-stroke: 1px;
  --du-stroke-selected: 2px;
  --du-focus-width: 3px;
  --du-focus-offset: 3px;
  --du-time-press: 80ms;
  --du-time-release: 160ms;
  --du-time-select: 180ms;
  --du-time-reveal: 220ms;
  --du-time-sheet: 280ms;
  --du-ease-standard: cubic-bezier(.2, 0, 0, 1);
  --du-ease-exit: cubic-bezier(.4, 0, 1, 1);
  --du-e0: none;
  --du-z-content: 0;
  --du-z-nav: 20;
  --du-z-overlay: 40;
}
[data-dari-ui="soft-v1"][data-theme="light"] {
  --du-bg: #F7F1E6;
  --du-surface: #FFFDF8;
  --du-surface-raised: #FFFFFF;
  --du-fg: #0E1A2B;
  --du-muted: #4D5563;
  --du-quiet: #7B7F87;
  --du-accent: #6F7A3A;
  --du-accent-cta: #58642F;
  --du-accent-strong: #465022;
  --du-accent-soft: #EEF3E2;
  --du-tech: #6D8CA8;
  --du-tech-soft: #E8EEF3;
  --du-border: #D9D0C3;
  --du-error: #B9654A;
  --du-error-soft: #F4E4DD;
  --du-warn: #C28A3D;
  --du-warn-soft: #F2E6D3;
  --du-on-accent: #FFFFFF;
  --du-cta-ink: #FFFFFF;
  --du-surface-start: #FFFFFF;
  --du-surface-end: #FFFDF8;
  --du-card-edge: rgba(14, 26, 43, .055);
  --du-rim: rgba(255, 255, 255, .72);
  --du-e1: 0 2px 4px rgba(14, 26, 43, .025), 0 12px 28px -8px rgba(14, 26, 43, .085);
  --du-e2: 0 4px 10px rgba(14, 26, 43, .04), 0 20px 44px -16px rgba(14, 26, 43, .16);
  --du-e3: 0 8px 20px rgba(14, 26, 43, .06), 0 24px 64px -16px rgba(14, 26, 43, .22);
  --du-button-shadow: 0 2px 4px rgba(14, 26, 43, .05), 0 8px 18px -8px rgba(70, 80, 34, .25);
  --du-scrim: rgba(14, 26, 43, .28);
  --du-field-border: #7B7F87;
  --du-focus: #465022;
  --du-state-text: #0E1A2B;
  --du-track: #D9D0C3;
  --du-selected-text: #465022;
  --du-info-ink: #0E1A2B;
  --du-cta-shine: rgba(255, 255, 255, .025);
  --du-disabled-bg: #E8EEF3;
  --du-disabled-fg: #4D5563;
}
[data-dari-ui="soft-v1"][data-theme="dark"] {
  --du-bg: #10151A;
  --du-surface: #171E24;
  --du-surface-raised: #1D262D;
  --du-fg: #F6F1E8;
  --du-muted: #C8C0B3;
  --du-quiet: #9B9388;
  --du-accent: #AEBB6F;
  --du-accent-cta: #7F9348;
  --du-accent-strong: #94A85A;
  --du-accent-soft: #26321F;
  --du-tech: #8FB2C9;
  --du-tech-soft: #1D303B;
  --du-border: #343D3A;
  --du-error: #D88972;
  --du-error-soft: #35231F;
  --du-warn: #D5A14F;
  --du-warn-soft: #33291B;
  --du-on-accent: #FFFFFF;
  --du-cta-ink: #10151A;
  --du-surface-start: #1D262D;
  --du-surface-end: #171E24;
  --du-card-edge: rgba(246, 241, 232, .075);
  --du-rim: rgba(246, 241, 232, .045);
  --du-e1: 0 2px 6px rgba(0, 0, 0, .12), 0 12px 28px -8px rgba(0, 0, 0, .24);
  --du-e2: 0 4px 10px rgba(0, 0, 0, .18), 0 20px 44px -16px rgba(0, 0, 0, .38);
  --du-e3: 0 8px 20px rgba(0, 0, 0, .24), 0 24px 64px -16px rgba(0, 0, 0, .52);
  --du-button-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 8px 18px -8px rgba(0, 0, 0, .28);
  --du-scrim: rgba(0, 0, 0, .55);
  --du-field-border: #9B9388;
  --du-focus: #AEBB6F;
  --du-state-text: #F6F1E8;
  --du-track: #343D3A;
  --du-selected-text: #AEBB6F;
  --du-info-ink: #F6F1E8;
  --du-cta-shine: rgba(246, 241, 232, .025);
  --du-disabled-bg: #1D262D;
  --du-disabled-fg: #C8C0B3;
}