/* Palette and typography from TCR.Mobile/Resources/Styles/Colors.xaml and HomeView.xaml.
   Loaded with both DevExpress Fluent themes, including popup surfaces outside the layout. */
@font-face { font-family: Lato; src: url('../fonts/Lato-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Lato; src: url('../fonts/Lato-Bold.ttf') format('truetype'); font-weight: 600 900; font-style: normal; font-display: swap; }

:root {
    --tcr-gold: #F9C132;
    --tcr-page: #F4F5F7;
    --tcr-surface: #FFFFFF;
    --tcr-muted-surface: #EAECF0;
    --tcr-text: #171717;
    --tcr-muted: #667085;
    --tcr-border: #E4E7EC;
    --tcr-header: #111111;
    --tcr-link: #0867D1;
    --tcr-action-surface: #EFF6FF;
    --tcr-action-border: #BFDBFE;
    --tcr-gold-surface: #FFF6D8;
    --tcr-gold-text: #725300;
    --tcr-error: #B42318;
    --tcr-error-surface: #FEF3F2;
    --tcr-shadow: 0 4px 18px rgb(16 24 40 / 4%);
    --tcr-radius: 18px;
}

:root[data-tcr-theme='dark'] {
    color-scheme: dark;
    --tcr-page: #0F1115;
    --tcr-surface: #191C22;
    --tcr-muted-surface: #2C323B;
    --tcr-text: #F3F4F6;
    --tcr-muted: #A7AFBD;
    --tcr-border: #2C323B;
    --tcr-header: #08090B;
    --tcr-link: #7CB7FF;
    --tcr-action-surface: #172B45;
    --tcr-action-border: #345275;
    --tcr-gold-surface: #332A0B;
    --tcr-gold-text: #F1C84B;
    --tcr-error: #FDA29B;
    --tcr-error-surface: #351816;
    --tcr-shadow: none;
}

/* Public DevExpress Design System tokens. Do not target generated control internals. */
html:root {
    --dxds-font-family-system-sans-serif: Lato, 'Segoe UI', sans-serif;
    --dxds-font-family-sans-serif: Lato, 'Segoe UI', sans-serif;
    --dxds-font-size-base-md: 1rem;
    --dxds-font-size-base-sm: .875rem;
    --dxds-color-surface-primary-default-rest: var(--tcr-gold);
    --dxds-color-surface-primary-default-hovered: #EFB51F;
    --dxds-color-surface-primary-default-pressed: #DFA70D;
    --dxds-color-content-primary-default-rest: var(--tcr-gold-text);
    --dxds-color-surface-primary-subdued-rest: var(--tcr-gold-surface);
    --dxds-color-surface-neutral-default-rest: var(--tcr-surface);
    --dxds-color-surface-neutral-subdued-rest: var(--tcr-page);
    --dxds-color-content-neutral-default-rest: var(--tcr-text);
    --dxds-color-border-neutral-default-rest: var(--tcr-border);
    --bs-body-bg: var(--tcr-page);
    --bs-body-color: var(--tcr-text);
    --bs-border-color: var(--tcr-border);
    --bs-font-sans-serif: Lato, 'Segoe UI', sans-serif;
    --bs-link-color: var(--tcr-link);
}