:root {
    /* Brand and accent */
    --dp-ui-color-brand-primary: #3755c3;
    --dp-ui-color-brand-primary-hover: #173bab;
    --dp-ui-color-brand-primary-soft: #e9efff;
    --dp-ui-color-brand-navy: #0d1c32;
    --dp-ui-color-brand-navy-soft: #162a45;
    --dp-ui-color-accent-gold: #ffb95f;
    --dp-ui-color-accent-orange: #b87500;

    /* Surfaces */
    --dp-ui-color-surface-page: #f8f9fa;
    --dp-ui-color-surface-subtle: #f3f4f5;
    --dp-ui-color-surface-card: #fff;
    --dp-ui-color-surface-dark: #0d1c32;
    --dp-ui-color-surface-dark-soft: #162a45;

    /* Text and outlines */
    --dp-ui-color-text-primary: #191c1d;
    --dp-ui-color-text-muted: #44474d;
    --dp-ui-color-text-on-dark: #fff;
    --dp-ui-color-text-on-dark-muted: #d5dce7;
    --dp-ui-color-outline: #c5c6cd;
    --dp-ui-color-outline-subtle: #dfe1e5;
    --dp-ui-color-danger: #b42318;

    /* Typography */
    --dp-ui-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --dp-ui-font-hero-size: 56px;
    --dp-ui-font-hero-line-height: 1.1;
    --dp-ui-font-hero-weight: 700;
    --dp-ui-font-section-title-size: 36px;
    --dp-ui-font-section-title-line-height: 1.2;
    --dp-ui-font-section-title-weight: 700;
    --dp-ui-font-heading-large-size: 28px;
    --dp-ui-font-heading-large-line-height: 1.3;
    --dp-ui-font-heading-large-weight: 600;
    --dp-ui-font-card-title-size: 22px;
    --dp-ui-font-card-title-line-height: 1.4;
    --dp-ui-font-card-title-weight: 600;
    --dp-ui-font-body-large-size: 18px;
    --dp-ui-font-body-large-line-height: 1.6;
    --dp-ui-font-body-large-weight: 400;
    --dp-ui-font-body-size: 16px;
    --dp-ui-font-body-line-height: 1.6;
    --dp-ui-font-body-weight: 400;
    --dp-ui-font-label-size: 14px;
    --dp-ui-font-label-line-height: 1.4;
    --dp-ui-font-label-weight: 600;
    --dp-ui-font-small-size: 13px;
    --dp-ui-font-small-line-height: 1.45;
    --dp-ui-font-small-weight: 400;

    /* Layout */
    --dp-ui-container-max: 1280px;
    --dp-ui-page-padding-desktop: 64px;
    --dp-ui-page-padding-tablet: 24px;
    --dp-ui-page-padding-mobile: 16px;
    --dp-ui-grid-gutter: 24px;

    /* Spacing */
    --dp-ui-space-1: 4px;
    --dp-ui-space-2: 8px;
    --dp-ui-space-3: 12px;
    --dp-ui-space-4: 16px;
    --dp-ui-space-5: 20px;
    --dp-ui-space-6: 24px;
    --dp-ui-space-8: 32px;
    --dp-ui-space-10: 40px;
    --dp-ui-space-12: 48px;
    --dp-ui-space-16: 64px;
    --dp-ui-space-20: 80px;
    --dp-ui-space-24: 96px;
    --dp-ui-space-28: 112px;

    /* Radii */
    --dp-ui-radius-control: 12px;
    --dp-ui-radius-control-large: 16px;
    --dp-ui-radius-card: 24px;
    --dp-ui-radius-panel: 32px;
    --dp-ui-radius-pill: 9999px;

    /* Borders and shadows */
    --dp-ui-border-thin: 1px;
    --dp-ui-shadow-card: 0 10px 28px rgba(13, 28, 50, 0.05);
    --dp-ui-shadow-card-hover: 0 18px 35px rgba(13, 28, 50, 0.12);
    --dp-ui-shadow-panel: 0 22px 48px rgba(13, 28, 50, 0.2);
    --dp-ui-shadow-header: 0 8px 24px rgba(13, 28, 50, 0.08);

    /* Motion */
    --dp-ui-motion-fast: 200ms;
    --dp-ui-motion-normal: 300ms;
    --dp-ui-motion-reveal: 500ms;
    --dp-ui-easing-standard: ease;
}