/* Raise2Shine master theme - generated by the design system. Version 2026.08.20.5. */ /* Do not edit in the child app: change it in the design system. */ /* Modes: set data-theme-mode="light" | "dark" | "system" on . Default: light. */ /* Fonts: load Outfit + IBM Plex Mono with a in the document head, or use /api/public/theme-loader which adds it for you. */ :root[data-theme-source="launcher"], html[data-theme-source="launcher"] { --radius: 0.875rem; --brand-navy: oklch(0.194 0.081 260.4); --brand-ink: oklch(0.236 0.015 248.4); --brand-amber: oklch(0.805 0.168 75.2); --brand: oklch(0.805 0.168 75.2); --brand-foreground: oklch(0.194 0.081 260.4); --brand-deep: oklch(0.64 0.16 52); --primary: oklch(0.805 0.168 75.2); --primary-foreground: oklch(0.194 0.081 260.4); --ring: oklch(0.805 0.168 75.2); --gradient-sunrise: linear-gradient(135deg, var(--brand-deep), var(--brand)); --shadow-button-brand: 0 1px 1px oklch(0 0 0 / 0.3), 0 8px 22px -10px color-mix(in oklab, var(--brand) 55%, transparent); --shadow-button-brand-hover: 0 2px 3px oklch(0 0 0 / 0.3), 0 14px 30px -12px color-mix(in oklab, var(--brand) 70%, transparent); --font-display: "Outfit", system-ui, Helvetica, Arial, sans-serif; --font-sans: "Outfit", system-ui, Helvetica, Arial, sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace; --brand-slate: #80878F; --brand-mist: #F2F0EC; --brand-paper: #FBFAF7; --navy-85: #1C3154; --navy-70: #3F5271; --navy-50: #728098; --navy-30: #A8B1C0; --navy-15: #D3D7DF; color-scheme: dark; --background: oklch(0.172 0.03 260); --foreground: oklch(0.97 0.006 258); --card: oklch(0.225 0.032 260); --card-foreground: oklch(0.97 0.006 258); --popover: oklch(0.225 0.032 260); --popover-foreground: oklch(0.97 0.006 258); --secondary: oklch(0.27 0.034 260); --secondary-foreground: oklch(0.955 0.008 258); --muted: oklch(0.26 0.03 260); --muted-foreground: oklch(0.71 0.022 258); --accent: oklch(0.31 0.038 260); --accent-foreground: oklch(0.97 0.008 258); --destructive: oklch(0.55 0.2 24); --destructive-foreground: oklch(0.98 0.005 258); --border: oklch(0.33 0.034 260); --input: oklch(0.33 0.034 260); --chart-1: oklch(0.805 0.168 75.2); --chart-2: oklch(0.72 0.13 195); --chart-3: oklch(0.68 0.15 150); --chart-4: oklch(0.7 0.16 300); --chart-5: oklch(0.7 0.17 20); --sidebar: oklch(0.132 0.028 260); --sidebar-foreground: oklch(0.955 0.008 258); --sidebar-primary: oklch(0.805 0.168 75.2); --sidebar-primary-foreground: oklch(0.194 0.081 260.4); --sidebar-accent: oklch(0.27 0.034 260); --sidebar-accent-foreground: oklch(0.97 0.008 258); --sidebar-border: oklch(0.33 0.034 260); --sidebar-ring: oklch(0.805 0.168 75.2); --surface: oklch(0.2 0.03 260); --surface-raised: oklch(0.245 0.033 260); --workspace-bar: oklch(0.19 0.03 260); --shadow-tile: 0 1px 2px oklch(0 0 0 / 0.3), 0 8px 24px -16px oklch(0 0 0 / 0.6); --shadow-tile-hover: 0 2px 4px oklch(0 0 0 / 0.35), 0 18px 40px -22px oklch(0 0 0 / 0.7); --shadow-panel: 0 24px 60px -30px oklch(0 0 0 / 0.75); --shadow-button: 0 1px 1px oklch(0 0 0 / 0.35), 0 4px 12px -6px oklch(0 0 0 / 0.55); --shadow-button-hover: 0 2px 3px oklch(0 0 0 / 0.35), 0 10px 24px -10px oklch(0 0 0 / 0.6); --surface-glow: radial-gradient(900px circle at 12% -10%, oklch(0.805 0.168 75.2 / 0.14), transparent 60%); } [data-theme-source="launcher"]:is([data-theme-mode="light"], .light) { color-scheme: light; --background: oklch(0.985 0.007 85); --foreground: oklch(0.236 0.015 248.4); --card: oklch(1 0 0); --card-foreground: oklch(0.236 0.015 248.4); --popover: oklch(1 0 0); --popover-foreground: oklch(0.236 0.015 248.4); --secondary: oklch(0.955 0.012 85); --secondary-foreground: oklch(0.26 0.03 258); --muted: oklch(0.958 0.01 85); --muted-foreground: oklch(0.49 0.021 258); --accent: oklch(0.935 0.026 82); --accent-foreground: oklch(0.236 0.015 248.4); --destructive: oklch(0.54 0.2 24); --destructive-foreground: oklch(0.99 0.004 258); --border: oklch(0.9 0.012 260); --input: oklch(0.9 0.012 260); --chart-1: oklch(0.72 0.16 72); --chart-2: oklch(0.6 0.12 195); --chart-3: oklch(0.58 0.14 150); --chart-4: oklch(0.58 0.15 300); --chart-5: oklch(0.6 0.17 20); --sidebar: oklch(0.945 0.012 85); --sidebar-foreground: oklch(0.26 0.03 258); --sidebar-primary: oklch(0.805 0.168 75.2); --sidebar-primary-foreground: oklch(0.194 0.081 260.4); --sidebar-accent: oklch(0.895 0.03 82); --sidebar-accent-foreground: oklch(0.236 0.015 248.4); --sidebar-border: oklch(0.9 0.012 260); --sidebar-ring: oklch(0.805 0.168 75.2); --surface: oklch(0.972 0.01 85); --surface-raised: oklch(1 0 0); --workspace-bar: oklch(0.962 0.012 85); --shadow-tile: 0 1px 2px oklch(0.2 0.02 260 / 0.06), 0 8px 24px -16px oklch(0.2 0.02 260 / 0.22); --shadow-tile-hover: 0 2px 4px oklch(0.2 0.02 260 / 0.08), 0 18px 40px -22px oklch(0.2 0.02 260 / 0.26); --shadow-panel: 0 24px 60px -30px oklch(0.2 0.02 260 / 0.28); --shadow-button: 0 1px 1px oklch(0.2 0.02 260 / 0.08), 0 4px 12px -6px oklch(0.2 0.02 260 / 0.2); --shadow-button-hover: 0 2px 3px oklch(0.2 0.02 260 / 0.1), 0 10px 24px -10px oklch(0.2 0.02 260 / 0.26); --ui-elevation-2: 0 2px 4px oklch(0.2 0.02 260 / 0.06), 0 16px 40px -24px oklch(0.2 0.02 260 / 0.24); --surface-glow: radial-gradient(900px circle at 12% -10%, oklch(0.805 0.168 75.2 / 0.16), transparent 60%); } @media (prefers-color-scheme: light) { [data-theme-source="launcher"][data-theme-mode="system"] { color-scheme: light; --background: oklch(0.985 0.007 85); --foreground: oklch(0.236 0.015 248.4); --card: oklch(1 0 0); --card-foreground: oklch(0.236 0.015 248.4); --popover: oklch(1 0 0); --popover-foreground: oklch(0.236 0.015 248.4); --secondary: oklch(0.955 0.012 85); --secondary-foreground: oklch(0.26 0.03 258); --muted: oklch(0.958 0.01 85); --muted-foreground: oklch(0.49 0.021 258); --accent: oklch(0.935 0.026 82); --accent-foreground: oklch(0.236 0.015 248.4); --destructive: oklch(0.54 0.2 24); --destructive-foreground: oklch(0.99 0.004 258); --border: oklch(0.9 0.012 260); --input: oklch(0.9 0.012 260); --chart-1: oklch(0.72 0.16 72); --chart-2: oklch(0.6 0.12 195); --chart-3: oklch(0.58 0.14 150); --chart-4: oklch(0.58 0.15 300); --chart-5: oklch(0.6 0.17 20); --sidebar: oklch(0.945 0.012 85); --sidebar-foreground: oklch(0.26 0.03 258); --sidebar-primary: oklch(0.805 0.168 75.2); --sidebar-primary-foreground: oklch(0.194 0.081 260.4); --sidebar-accent: oklch(0.895 0.03 82); --sidebar-accent-foreground: oklch(0.236 0.015 248.4); --sidebar-border: oklch(0.9 0.012 260); --sidebar-ring: oklch(0.805 0.168 75.2); --surface: oklch(0.972 0.01 85); --surface-raised: oklch(1 0 0); --workspace-bar: oklch(0.962 0.012 85); --shadow-tile: 0 1px 2px oklch(0.2 0.02 260 / 0.06), 0 8px 24px -16px oklch(0.2 0.02 260 / 0.22); --shadow-tile-hover: 0 2px 4px oklch(0.2 0.02 260 / 0.08), 0 18px 40px -22px oklch(0.2 0.02 260 / 0.26); --shadow-panel: 0 24px 60px -30px oklch(0.2 0.02 260 / 0.28); --shadow-button: 0 1px 1px oklch(0.2 0.02 260 / 0.08), 0 4px 12px -6px oklch(0.2 0.02 260 / 0.2); --shadow-button-hover: 0 2px 3px oklch(0.2 0.02 260 / 0.1), 0 10px 24px -10px oklch(0.2 0.02 260 / 0.26); --ui-elevation-2: 0 2px 4px oklch(0.2 0.02 260 / 0.06), 0 16px 40px -24px oklch(0.2 0.02 260 / 0.24); --surface-glow: radial-gradient(900px circle at 12% -10%, oklch(0.805 0.168 75.2 / 0.16), transparent 60%); } } @media (prefers-color-scheme: dark) { [data-theme-source="launcher"][data-theme-mode="system"] { color-scheme: dark; --background: oklch(0.172 0.03 260); --foreground: oklch(0.97 0.006 258); --card: oklch(0.225 0.032 260); --card-foreground: oklch(0.97 0.006 258); --popover: oklch(0.225 0.032 260); --popover-foreground: oklch(0.97 0.006 258); --secondary: oklch(0.27 0.034 260); --secondary-foreground: oklch(0.955 0.008 258); --muted: oklch(0.26 0.03 260); --muted-foreground: oklch(0.71 0.022 258); --accent: oklch(0.31 0.038 260); --accent-foreground: oklch(0.97 0.008 258); --destructive: oklch(0.55 0.2 24); --destructive-foreground: oklch(0.98 0.005 258); --border: oklch(0.33 0.034 260); --input: oklch(0.33 0.034 260); --chart-1: oklch(0.805 0.168 75.2); --chart-2: oklch(0.72 0.13 195); --chart-3: oklch(0.68 0.15 150); --chart-4: oklch(0.7 0.16 300); --chart-5: oklch(0.7 0.17 20); --sidebar: oklch(0.132 0.028 260); --sidebar-foreground: oklch(0.955 0.008 258); --sidebar-primary: oklch(0.805 0.168 75.2); --sidebar-primary-foreground: oklch(0.194 0.081 260.4); --sidebar-accent: oklch(0.27 0.034 260); --sidebar-accent-foreground: oklch(0.97 0.008 258); --sidebar-border: oklch(0.33 0.034 260); --sidebar-ring: oklch(0.805 0.168 75.2); --surface: oklch(0.2 0.03 260); --surface-raised: oklch(0.245 0.033 260); --workspace-bar: oklch(0.19 0.03 260); --shadow-tile: 0 1px 2px oklch(0 0 0 / 0.3), 0 8px 24px -16px oklch(0 0 0 / 0.6); --shadow-tile-hover: 0 2px 4px oklch(0 0 0 / 0.35), 0 18px 40px -22px oklch(0 0 0 / 0.7); --shadow-panel: 0 24px 60px -30px oklch(0 0 0 / 0.75); --shadow-button: 0 1px 1px oklch(0 0 0 / 0.35), 0 4px 12px -6px oklch(0 0 0 / 0.55); --shadow-button-hover: 0 2px 3px oklch(0 0 0 / 0.35), 0 10px 24px -10px oklch(0 0 0 / 0.6); --surface-glow: radial-gradient(900px circle at 12% -10%, oklch(0.805 0.168 75.2 / 0.14), transparent 60%); } } [data-theme-source="launcher"] body { font-family: var(--font-sans); background-color: var(--background); color: var(--foreground); } [data-theme-source="launcher"] h1, [data-theme-source="launcher"] h2, [data-theme-source="launcher"] h3, [data-theme-source="launcher"] h4 { font-family: var(--font-display); letter-spacing: -0.02em; } /* Raise2Shine UI layer (layout, elevation, motion) - version 2026.08.22.1. */ :root[data-theme-source="launcher"], html[data-theme-source="launcher"] { --ui-header-height: 3.5rem; --ui-subheader-height: 3rem; --ui-sidebar-width: 16rem; --ui-sidebar-width-collapsed: 3.5rem; --ui-content-max: 72rem; --ui-prose-max: 42rem; --ui-page-padding-x: 1.5rem; --ui-page-padding-top: 2.5rem; --ui-page-padding-bottom: 4rem; --ui-section-gap: 2.5rem; --ui-stack-gap: 1.25rem; --ui-card-padding: 1.25rem; --ui-control-height: 2.25rem; --ui-control-height-sm: 2rem; --ui-control-height-lg: 2.75rem; --ui-table-row-height: 3rem; --ui-icon-size: 1rem; --ui-radius-control: calc(var(--radius) - 0.375rem); --ui-radius-card: var(--radius); --ui-radius-panel: calc(var(--radius) + 0.375rem); --ui-radius-pill: 999px; --ui-elevation-0: none; --ui-elevation-1: var(--shadow-tile); --ui-elevation-2: 0 2px 4px oklch(0 0 0 / 0.28), 0 16px 40px -24px oklch(0 0 0 / 0.65); --ui-elevation-3: var(--shadow-panel); --ui-text-display: 2.25rem; --ui-text-title: 1.5rem; --ui-text-heading: 1.125rem; --ui-text-body: 0.9375rem; --ui-text-label: 0.8125rem; --ui-text-caption: 0.75rem; --ui-leading-tight: 1.15; --ui-leading-body: 1.55; --ui-tracking-display: -0.02em; --ui-tracking-eyebrow: 0.2em; --ui-duration-instant: 90ms; --ui-duration-fast: 150ms; --ui-duration-base: 220ms; --ui-duration-slow: 380ms; --ui-ease-standard: cubic-bezier(0.2, 0, 0, 1); --ui-ease-emphasis: cubic-bezier(0.34, 1.32, 0.64, 1); --ui-focus-ring-width: 2px; --ui-focus-ring-offset: 2px; } @media (prefers-reduced-motion: reduce) { [data-theme-source="launcher"] * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } } [data-theme-source="launcher"] :focus-visible { outline: var(--ui-focus-ring-width) solid var(--ring); outline-offset: var(--ui-focus-ring-offset); }