/* Generated from brand/ra02c by scripts/sync-brand-ra02c.py. */
/* RA-02C. Prayer text tones are verified on the sample surfaces below. */
:root {
  --misho-ink: #171717;
  --misho-paper: #FFFFFF;
  --misho-night: #171717;
  --misho-ivory: #FFFFFF;
  --misho-tile: #EAE5E9;
  --misho-surface: #FFFFFF;
  --misho-prayer-fajr: #3298D8;
  --misho-prayer-dhuhr: #E7B512;
  --misho-prayer-asr: #E67C2C;
  --misho-prayer-maghrib: #E34C3C;
  --misho-prayer-isha: #7C5CB5;
  --misho-prayer-fajr-text: #2673A4;
  --misho-prayer-dhuhr-text: #876A0B;
  --misho-prayer-asr-text: #B65018;
  --misho-prayer-maghrib-text: #C24133;
  --misho-prayer-isha-text: #7C5CB5;
}
:root[data-theme="dark"],.misho-dark {
  --misho-ink: #FFFFFF;
  --misho-paper: #171717;
  --misho-tile: #3B3850;
  --misho-surface: #343344;
  --misho-prayer-fajr-text: #45ACFA;
  --misho-prayer-dhuhr-text: #E7B512;
  --misho-prayer-asr-text: #E67C2C;
  --misho-prayer-maghrib-text: #F37C71;
  --misho-prayer-isha-text: #B38DF3;
}

:root, [data-misho-theme="light"] {
  --misho-ui-background: #FFFFFF;
  --misho-ui-surface: #FFFFFF;
  --misho-ui-surfaceElevated: #FFFFFF;
  --misho-ui-surfaceSubtle: #F7F7F7;
  --misho-ui-text: #171717;
  --misho-ui-textMuted: #5B5B5B;
  --misho-ui-textHint: #5B5B5B;
  --misho-ui-border: #858585;
  --misho-ui-divider: #D8D8D8;
  --misho-ui-primary: #171717;
  --misho-ui-onPrimary: #FFFFFF;
  --misho-ui-primaryPressed: #494450;
  --misho-ui-secondaryContainer: #F7F7F7;
  --misho-ui-onSecondaryContainer: #171717;
  --misho-ui-secondaryPressed: #E1E1E3;
  --misho-ui-selectedContainer: #171717;
  --misho-ui-onSelectedContainer: #FFFFFF;
  --misho-ui-disabledContainer: #EAEAEB;
  --misho-ui-disabledText: #B0AEB3;
  --misho-ui-scrim: #000000;
  --misho-ui-shadow: #000000;
  --misho-ui-link: #2673A4;
  --misho-ui-focusRing: #3298D8;
  --misho-ui-primaryHover: #3C3844;
  --misho-ui-secondaryHover: #E9E9EB;
  --misho-prayer-fajr-marker: #3298D8;
  --misho-prayer-fajr-container: #F2F8FC;
  --misho-prayer-fajr-text: #2673A4;
  --misho-prayer-dhuhr-marker: #E7B512;
  --misho-prayer-dhuhr-container: #FEFBF2;
  --misho-prayer-dhuhr-text: #876A0B;
  --misho-prayer-asr-marker: #E67C2C;
  --misho-prayer-asr-container: #FEF6F1;
  --misho-prayer-asr-text: #B65018;
  --misho-prayer-maghrib-marker: #E34C3C;
  --misho-prayer-maghrib-container: #FDF2F0;
  --misho-prayer-maghrib-text: #C24133;
  --misho-prayer-isha-marker: #7C5CB5;
  --misho-prayer-isha-container: #F6F4FA;
  --misho-prayer-isha-text: #7C5CB5;
  --misho-semantic-info-text: #2673A4;
  --misho-semantic-info-container: #F2F8FC;
  --misho-semantic-info-onContainer: #2673A4;
  --misho-semantic-info-border: #3298D8;
  --misho-semantic-success-text: #2673A4;
  --misho-semantic-success-container: #F2F8FC;
  --misho-semantic-success-onContainer: #2673A4;
  --misho-semantic-success-border: #3298D8;
  --misho-semantic-warning-text: #876A0B;
  --misho-semantic-warning-container: #FEFBF2;
  --misho-semantic-warning-onContainer: #876A0B;
  --misho-semantic-warning-border: #AC8E24;
  --misho-semantic-error-text: #C24133;
  --misho-semantic-error-container: #FDF2F0;
  --misho-semantic-error-onContainer: #C24133;
  --misho-semantic-error-border: #E34C3C;
  --misho-component-header-background: #FFFFFF;
  --misho-component-header-text: #171717;
  --misho-component-navigation-background: #FFFFFF;
  --misho-component-navigation-activeText: #171717;
  --misho-component-navigation-inactiveText: #5B5B5B;
  --misho-component-event-background: #F7F7F7;
  --misho-component-event-time: #171717;
  --misho-component-event-label: #171717;
  --misho-component-event-metadata: #5B5B5B;
  --misho-component-selectedDate-background: #171717;
  --misho-component-selectedDate-text: #FFFFFF;
}
:root.dark, html[theme="dark"], html[data-theme="dark"], [data-misho-theme="dark"] {
  --misho-ui-background: #171717;
  --misho-ui-surface: #242424;
  --misho-ui-surfaceElevated: #252525;
  --misho-ui-surfaceSubtle: #252525;
  --misho-ui-text: #FFFFFF;
  --misho-ui-textMuted: #B7B7B7;
  --misho-ui-textHint: #99999C;
  --misho-ui-border: #858585;
  --misho-ui-divider: #444444;
  --misho-ui-primary: #FFFFFF;
  --misho-ui-onPrimary: #171717;
  --misho-ui-primaryPressed: #DBDBDC;
  --misho-ui-secondaryContainer: #252525;
  --misho-ui-onSecondaryContainer: #FFFFFF;
  --misho-ui-secondaryPressed: #3D3E44;
  --misho-ui-selectedContainer: #FFFFFF;
  --misho-ui-onSelectedContainer: #171717;
  --misho-ui-disabledContainer: #35363B;
  --misho-ui-disabledText: #717175;
  --misho-ui-scrim: #000000;
  --misho-ui-shadow: #000000;
  --misho-ui-link: #4B9CD4;
  --misho-ui-focusRing: #3298D8;
  --misho-ui-primaryHover: #E7E7E9;
  --misho-ui-secondaryHover: #35363C;
  --misho-prayer-fajr-marker: #3298D8;
  --misho-prayer-fajr-container: #27313D;
  --misho-prayer-fajr-text: #45ACFA;
  --misho-prayer-dhuhr-marker: #E7B512;
  --misho-prayer-dhuhr-container: #3A372D;
  --misho-prayer-dhuhr-text: #E7B512;
  --misho-prayer-asr-marker: #E67C2C;
  --misho-prayer-asr-container: #3A2F2C;
  --misho-prayer-asr-text: #E67C2C;
  --misho-prayer-maghrib-marker: #E34C3C;
  --misho-prayer-maghrib-container: #38282B;
  --misho-prayer-maghrib-text: #F37C71;
  --misho-prayer-isha-marker: #7C5CB5;
  --misho-prayer-isha-container: #2E2C3B;
  --misho-prayer-isha-text: #B38DF3;
  --misho-semantic-info-text: #45ACFA;
  --misho-semantic-info-container: #27313D;
  --misho-semantic-info-onContainer: #45ACFA;
  --misho-semantic-info-border: #3298D8;
  --misho-semantic-success-text: #45ACFA;
  --misho-semantic-success-container: #27313D;
  --misho-semantic-success-onContainer: #45ACFA;
  --misho-semantic-success-border: #3298D8;
  --misho-semantic-warning-text: #E7B512;
  --misho-semantic-warning-container: #3A372D;
  --misho-semantic-warning-onContainer: #E7B512;
  --misho-semantic-warning-border: #E7B512;
  --misho-semantic-error-text: #F37C71;
  --misho-semantic-error-container: #38282B;
  --misho-semantic-error-onContainer: #F37C71;
  --misho-semantic-error-border: #DA361C;
  --misho-component-header-background: #171717;
  --misho-component-header-text: #FFFFFF;
  --misho-component-navigation-background: #242424;
  --misho-component-navigation-activeText: #FFFFFF;
  --misho-component-navigation-inactiveText: #B7B7B7;
  --misho-component-event-background: #252525;
  --misho-component-event-time: #FFFFFF;
  --misho-component-event-label: #FFFFFF;
  --misho-component-event-metadata: #B7B7B7;
  --misho-component-selectedDate-background: #FFFFFF;
  --misho-component-selectedDate-text: #171717;
}

:root:root, :root.dark, html[theme="dark"], html[data-theme="dark"], .landing-page {
  --bg: var(--misho-ui-background);
  --app-bg: var(--misho-ui-background);
  --app-color: var(--misho-ui-text);
  --app-header-bg: var(--misho-ui-background);
  --surface: var(--misho-ui-surface);
  --surface-variant: var(--misho-ui-surfaceSubtle);
  --surface-container: var(--misho-ui-surface);
  --surface-container-h: var(--misho-ui-surfaceElevated);
  --surface-muted: var(--misho-ui-surfaceSubtle);
  --surface-hover: var(--misho-ui-secondaryHover);
  --surface-sunken: var(--misho-ui-surfaceSubtle);
  --text: var(--misho-ui-text);
  --text-secondary: var(--misho-ui-textMuted);
  --text-muted: var(--misho-ui-textMuted);
  --text-dim: var(--misho-ui-textHint);
  --text-past: var(--misho-ui-textMuted);
  --text-light: var(--misho-ui-textMuted);
  --text-on-primary: var(--misho-ui-onPrimary);
  --on-primary: var(--misho-ui-onPrimary);
  --text-inverse: var(--misho-ui-onPrimary);
  --primary: var(--misho-ui-primary);
  --primary-dark: var(--misho-ui-primaryPressed);
  --primary-container: var(--misho-ui-selectedContainer);
  --on-primary-container: var(--misho-ui-onSelectedContainer);
  --secondary: var(--misho-ui-text);
  --secondary-container: var(--misho-ui-secondaryContainer);
  --on-secondary-container: var(--misho-ui-onSecondaryContainer);
  --tertiary: var(--misho-ui-text);
  --tertiary-container: var(--misho-ui-surfaceSubtle);
  --border: var(--misho-ui-border);
  --outline: var(--misho-ui-border);
  --outline-variant: var(--misho-ui-divider);
  --col-divider: var(--misho-ui-divider);
  --line: var(--misho-ui-divider);
  --line-strong: var(--misho-ui-border);
  --line-soft: var(--misho-ui-divider);
  --link: var(--misho-ui-link);
  --today-text: var(--misho-ui-text);
  --ics-color: var(--misho-ui-text);
  --accent: var(--misho-ui-primary) !important;
  --accent-highlight: var(--misho-ui-primary) !important;
  --focus-outline: var(--misho-ui-focusRing);
  --main-color: var(--misho-ui-primary) !important;
  --settings-accent: var(--misho-ui-primary) !important;
  --custom-color: var(--misho-ui-primary) !important;
  --custom-color-highlight: var(--misho-ui-primary) !important;
  --todo-line: var(--misho-ui-divider);
  --todo-text: var(--misho-ui-text);
  --todo-text-hover: var(--misho-ui-text);
  --todo-text-done: var(--misho-ui-textMuted);
  --todo-text-focus: var(--misho-ui-text);
  --todo-head-bg: var(--misho-ui-surfaceSubtle);
  --todo-head-text: var(--misho-ui-text);
  --todo-check-off: var(--misho-ui-border);
  --todo-check-done: var(--misho-ui-primary);
  --todo-button-bg: var(--misho-ui-surfaceSubtle);
  --todo-button-color: var(--misho-ui-textMuted);
  --todo-indicator: var(--misho-ui-border);
  --todo-hover-bg: var(--misho-ui-surface);
  --btn-bg: var(--misho-ui-secondaryContainer);
  --btn-color: var(--misho-ui-text);
  --btn-hover-bg: var(--misho-ui-secondaryHover);
  --btn-active-bg: var(--misho-ui-primary);
  --btn-active-color: var(--misho-ui-onPrimary);
  --transport-color: var(--misho-ui-textMuted);
  --transport-hover-color: var(--misho-ui-text);
  --arrow-bg: var(--misho-ui-surfaceSubtle);
  --arrow-hover-bg: var(--misho-ui-secondaryHover);
  --arrow-color: var(--misho-ui-textMuted);
  --arrow-hover-color: var(--misho-ui-text);
  --footer-border-color: var(--misho-ui-divider);
  --someday-bg: var(--misho-ui-surfaceSubtle);
  --someday-hover: var(--misho-ui-secondaryHover);
  --toolbar-bg: var(--misho-ui-surface);
  --tab-color: var(--misho-ui-textMuted);
  --tab-hover-bg: var(--misho-ui-secondaryHover);
  --tab-active-bg: var(--misho-ui-surface);
  --tab-active-color: var(--misho-ui-text);
  --tab-number-bg: var(--misho-ui-surfaceSubtle);
  --tab-number-active-bg: var(--misho-ui-primary);
  --tab-number-active-color: var(--misho-ui-onPrimary);
  --someday-collapse: var(--misho-ui-textMuted);
  --someday-collapse-hover: var(--misho-ui-text);
  --day-label-bg: var(--misho-ui-surfaceSubtle);
  --day-label-color: var(--misho-ui-text);
  --panel-bg: var(--misho-ui-surfaceElevated);
  --panel-accent: var(--misho-ui-surfaceSubtle);
  --menu-bg: var(--misho-ui-surfaceElevated);
  --menu-border: var(--misho-ui-border);
  --menu-hover: var(--misho-ui-secondaryHover);
  --menu-title: var(--misho-ui-textMuted);
  --dropdown-menu-background: var(--misho-ui-surfaceElevated);
  --dropdown-menu-border-color: var(--misho-ui-border);
  --dropdown-menu-cta-background: var(--misho-ui-surfaceSubtle);
  --dropdown-menu-cta-color: var(--misho-ui-text);
  --dropdown-menu-hover-background: var(--misho-ui-secondaryHover);
  --dropdown-menu-note-color: var(--misho-ui-textMuted);
  --dropdown-menu-section-border-color: var(--misho-ui-divider);
  --dropdown-menu-text-color: var(--misho-ui-text);
  --dropdown-menu-title-color: var(--misho-ui-textMuted);
  --formatting-background: var(--misho-ui-surface);
  --formatting-border: var(--misho-ui-border);
  --formatting-text-color: var(--misho-ui-text);
  --formatting-hover-background: var(--misho-ui-secondaryHover);
  --formatting-active-background: var(--misho-ui-primary);
  --formatting-active-text-color: var(--misho-ui-onPrimary);
  --color-bg: var(--misho-ui-background);
  --color-text: var(--misho-ui-text);
  --color-text-dim: var(--misho-ui-textMuted);
  --color-text-light: var(--misho-ui-textHint);
  --color-link: var(--misho-ui-link);
  --color-link-hover: var(--misho-ui-link);
  --color-button-bg: var(--misho-ui-primary);
  --color-button-text: var(--misho-ui-onPrimary);
  --color-button-hover-bg: var(--misho-ui-primaryHover);
  --color-button-hover-text: var(--misho-ui-onPrimary);
  --color-button-bg-alt: var(--misho-ui-surfaceSubtle);
  --color-button-text-alt: var(--misho-ui-text);
  --color-button-hover-bg-alt: var(--misho-ui-secondaryHover);
  --color-button-hover-text-alt: var(--misho-ui-text);
  --color-border: var(--misho-ui-border);
  --color-highlight-1: var(--misho-ui-primary);
  --color-highlight-2: var(--misho-ui-primary);
  --color-highlight-3: var(--misho-ui-primary);
  --color-highlight-4: var(--misho-ui-primary);
  --color-highlight-5: var(--misho-ui-primary);
  --color-highlight-dark: var(--misho-ui-primaryPressed);
  --color-highlight-light: var(--misho-ui-surfaceSubtle);
  --color-highlight-lightest: var(--misho-ui-surfaceSubtle);
  --error: var(--misho-semantic-error-text);
  --error-container: var(--misho-semantic-error-container);
  --accent-rgb: 48, 43, 56;
  --font-logo: "Inter", "Public Sans", system-ui, sans-serif;
}
:root.dark, html[theme="dark"], html[data-theme="dark"] { --accent-rgb: 244, 244, 245; }

:focus-visible { outline-color:var(--misho-ui-focusRing); }
.app-header, .app-footer { background:var(--misho-ui-background); color:var(--misho-ui-text); }
.app-header { border-top-color:var(--misho-ui-divider); }
[data-header-logo] img { width:112px; height:auto; max-height:36px; object-fit:contain; }
.ra02c-on-dark { display:none; }
.dark .ra02c-on-light, html[theme="dark"] .ra02c-on-light, html[data-theme="dark"] .ra02c-on-light { display:none; }
.dark .ra02c-on-dark, html[theme="dark"] .ra02c-on-dark, html[data-theme="dark"] .ra02c-on-dark { display:block; }
[data-brand-slogan], .page-nav-mark { display:none !important; }
.landing-footer-wordmark img { width:180px; height:auto; }
.page-nav-wordmark { width:180px; height:auto; max-height:48px; }
.misho-auth-page { background:var(--misho-ui-background); color:var(--misho-ui-text); }
.misho-auth-card { background:var(--misho-ui-surface); border-color:var(--misho-ui-border); }
.misho-auth-card input { color:var(--misho-ui-text); background:var(--misho-ui-surface); border-color:var(--misho-ui-border); }
.misho-auth-submit { background:var(--misho-ui-primary); color:var(--misho-ui-onPrimary); }
.misho-auth-status.is-error { color:var(--misho-semantic-error-text); }
/* Application adapters. Brand artwork and exact token values come from the kit. */
:root { --text-primary:var(--misho-ui-text); --surface-inverse:var(--misho-ink); --body-background:var(--misho-ui-background); --color-nav-bg:var(--misho-ui-background); --color-nav-text:var(--misho-ui-text); --color-footer-bg:var(--misho-night); --color-footer-text:var(--misho-ivory); --color-success:var(--misho-semantic-success-text); --accent-soft:var(--misho-ui-surfaceSubtle); --custom-color-text:var(--misho-ui-onPrimary); --cal-palette-1:var(--misho-ui-text); }
:root.dark,html[theme="dark"],html[data-theme="dark"] { --surface-inverse:var(--misho-ivory); }
.landing-page { --font-logo:var(--font-ui); }
.dropdown-menu__action--danger { color:var(--misho-semantic-error-text); }
.todo__list-item--done, .today-row.is-done { opacity:1; }
.todo__list-item--done { color:var(--misho-ui-textMuted); }
.misho-auth-brand { width:180px; }
.prayer-section .prayer-header, .prayer-section .prayer-name, .prayer-section .prayer-time, .prayer-section .prayer-icon { color:var(--prayer-text); }
.prayer-section .prayer-header--current { background:var(--prayer-surface); }
.prayer-section[data-prayer-slot="Fajr"] { --prayer-text:var(--misho-prayer-fajr-text); --prayer-surface:var(--misho-prayer-fajr-container); }
.prayer-section[data-prayer-slot="Dhuhr"] { --prayer-text:var(--misho-prayer-dhuhr-text); --prayer-surface:var(--misho-prayer-dhuhr-container); }
.prayer-section[data-prayer-slot="Asr"] { --prayer-text:var(--misho-prayer-asr-text); --prayer-surface:var(--misho-prayer-asr-container); }
.prayer-section[data-prayer-slot="Maghrib"] { --prayer-text:var(--misho-prayer-maghrib-text); --prayer-surface:var(--misho-prayer-maghrib-container); }
.prayer-section[data-prayer-slot="Isha"] { --prayer-text:var(--misho-prayer-isha-text); --prayer-surface:var(--misho-prayer-isha-container); }
.prayer-section .prayer-header:hover .prayer-name, .prayer-section .prayer-header--current:hover .prayer-time { color:var(--prayer-text); }
/* Past columns keep every prayer label and time as quiet as their date and tasks. */
.day--past .prayer-section { --prayer-text:var(--text-past); --prayer-surface:var(--surface-muted); }
.day--past .prayer-section :is(.prayer-header,.prayer-name,.prayer-time,.prayer-icon) { color:var(--prayer-text); }
#today { background:light-dark(#FFFFFF,#171717);color:light-dark(#171717,#FFFFFF);border-color:light-dark(#858585,#858585); }
.today-kicker { color:light-dark(#171717,#FFFFFF); }
.today-status, .today-row.is-current, .today-empty, button.today-row:hover { background:light-dark(#F7F7F7,#252525);color:light-dark(#171717,#FFFFFF); }
.today-section h2,.today-meta,.today-time,.today-footer { color:light-dark(#5B5B5B,#B7B7B7); }
.today-join { background:light-dark(#171717,#FFFFFF);color:light-dark(#FFFFFF,#171717); }
.today-row.is-next .today-dot { background:#3298D8;box-shadow:0 0 0 4px #3298D822; }
/* Marketing uses the kit's Paper/Night fields; functional UI uses neutral roles. */
body:has(.calmer-brand-marker) { background:var(--misho-paper); }
.footer-brand img { width:180px;height:auto; }
.page-nav-logo .page-nav-wordmark { object-fit:contain; }
#app:empty::before { content:'';display:block;width:180px;height:48px;background:url('../brand/ra02c/logos/misho-horizontal-on-light.svg') center/contain no-repeat; }
.dark #app:empty::before,html[theme="dark"] #app:empty::before { background-image:url('../brand/ra02c/logos/misho-horizontal-on-dark.svg'); }
.misho-flower { object-fit:contain; }
@font-face { font-family:'Misho UI';src:url('/app/fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-display:swap; }
:root:root,.landing-page { --font-display:'Misho UI',system-ui,sans-serif;--font-ui:'Misho UI',system-ui,sans-serif;--font-body:'Misho UI',system-ui,sans-serif;--ff-sans:'Misho UI',system-ui,sans-serif; }
.landing-hero-headline { font-family:var(--font-display);font-weight:600; }