/* Application surface tokens. Keep the advertising site's root palette untouched.
   Add tokens with migrated consumers; UrbanisMudTheme remains the common palette owner. */
:where(.urbanis-drawer, .urbanis-drawer-backdrop, .report-export-sheet-host) {
    --urbanis-surface-primary: var(--mud-palette-primary);
    --urbanis-surface-on-header: #fff;
    /* Preserve the existing desktop header's blue endpoint during extraction. */
    --urbanis-surface-header-end: #1d4f91;
    --urbanis-surface-header-background: linear-gradient(135deg, var(--urbanis-surface-primary) 0%, var(--urbanis-surface-header-end) 100%);
    --urbanis-surface-backdrop: rgba(0, 0, 0, 0.5);
    --urbanis-surface-divider: rgba(0, 0, 0, 0.06);
    --urbanis-surface-footer-divider: rgba(0, 0, 0, 0.08);
    --urbanis-surface-context: rgba(245, 241, 232, 0.5);
    --urbanis-surface-content-gap: 14px;
    --urbanis-surface-touch-min: 44px;
    --urbanis-drawer-default-width: 520px;
    --urbanis-drawer-narrow-width: 440px;
    --urbanis-drawer-compact-width: 480px;
    --urbanis-drawer-layer: 1300;
    --urbanis-drawer-backdrop-layer: 1290;
}

/* Existing warm export-sheet variant, including under OS dark mode.
   Keep these explicit values until the phone theme is migrated as a whole. */
.report-export-sheet-host {
    --urbanis-sheet-surface: #fffdf9;
    --urbanis-sheet-ground: #f5f1e8;
    --urbanis-sheet-radius: 26px;
    --urbanis-sheet-elevation: 0 -18px 48px rgba(15, 52, 44, 0.24);
    --urbanis-sheet-inline-space: 18px;
    --urbanis-sheet-action-height: 52px;
    --urbanis-sheet-action-radius: 15px;
}

/* Layout-only regions also work before they are hosted in a drawer or sheet. */
:where(.urbanis-surface-header, .urbanis-surface-context, .urbanis-surface-body, .urbanis-surface-footer, .urbanis-surface-actions) {
    --urbanis-surface-region-space: 16px;
    --urbanis-surface-action-gap: 8px;
    --urbanis-surface-touch-min: 44px;
}

/* Existing Phone palette aliases; values retained during RF-08.3. */
:root {
    --phone-font: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --phone-primary: #1b4d3e;
    --phone-heading: #173b32;
    --phone-accent: #d97a2b;
    --phone-accent-soft: rgba(217,122,43,.12);
    --phone-surface: #fffdf9;
    --phone-border: rgba(23,59,50,.14);
    --phone-header: radial-gradient(circle at 82% 8%,rgba(217,122,43,.34),transparent 46%),linear-gradient(165deg,#1b4d3e,#153e33 55%,#0f342c);
}