html[data-theme="modern"] {
    color-scheme: dark;

    /* Brand palette */
    --drd-color-brand-navy-900: #050b19;
    --drd-color-brand-navy-800: #0d1a33;
    --drd-color-brand-navy-700: #152849;
    --drd-color-brand-navy-600: #223d69;
    --drd-color-brand-navy-500: #335486;
    --drd-color-brand-cyan-500: #61b2e7;
    --drd-color-brand-cyan-600: #4da1d7;
    --drd-color-brand-teal-500: #3a9ba2;
    --drd-color-brand-coral-500: #ef7a68;
    --drd-color-brand-gold-500: #e9b936;
    --drd-color-brand-gold-400: #f2ca63;
    --drd-color-brand-orange-500: #e89b49;

    /* Neutral palette */
    --drd-color-neutral-0: #f7fbff;
    --drd-color-neutral-50: #e8eff9;
    --drd-color-neutral-100: #d7e1ef;
    --drd-color-neutral-200: #bccbdf;
    --drd-color-neutral-300: #9fb2cc;
    --drd-color-neutral-400: #7c93b0;
    --drd-color-neutral-500: #5f7696;
    --drd-color-neutral-900: #0f1a2d;

    /* Status palette */
    --drd-color-success: #2fbe67;
    --drd-color-success-strong: #24ad5b;
    --drd-color-warning: #e9b936;
    --drd-color-danger: #eb6d76;
    --drd-color-info: #4ea9db;

    /* UI palette */
    --drd-color-link: #7ecaff;
    --drd-color-primary-action: #2e67a9;
    --drd-color-primary-action-border: #3d7fcf;

    /* Semantic surfaces and text */
    --drd-bg-app: #0c1a30;
    --drd-surface-default: #14243f;
    --drd-surface-muted: #1c3152;
    --drd-text-primary: #f3f7ff;
    --drd-text-muted: #c1d0e4;
    --drd-text-inverse: #f7fbff;
    --drd-border-default: #3a4f73;

    /* Semantic interactions and states */
    --drd-link: var(--drd-color-link);
    --drd-action-primary-bg: var(--drd-color-primary-action);
    --drd-action-primary-border: var(--drd-color-primary-action-border);
    --drd-action-primary-text: #f7fbff;
    --drd-state-valid: var(--drd-color-success-strong);
    --drd-state-invalid: var(--drd-color-danger);
    --drd-state-highlight: #7fd9ff;

    /* Loading shell */
    --drd-loading-bg-start: #060d1a;
    --drd-loading-bg-end: #152845;
    --drd-loading-progress-track: rgba(191, 210, 235, 0.24);
    --drd-loading-progress-start: #5c95e0;
    --drd-loading-progress-end: #63ccb8;
    --drd-loading-status-text: rgba(223, 235, 255, 0.8);
    --drd-loading-offline-bg-start: #462817;
    --drd-loading-offline-bg-end: #6a4125;
}