/* Static CSS mirror of ui/generated/padho-theme.css for the public landing. */
/* Generated by @padho/ui/scripts/export-tokens.mjs. DO NOT EDIT.
 * Figma: ZmXmNWbmQBPhb5tVcuAEwd | snapshot: 2026-10-12 | sha256: 09b603933e0452b2323188cae6f46d3bca22888042479864ec501dc8e9d8ea09
 */

:root {
  --spacing: 4px;
  --color-bg: #f8f4f1;
  --color-surface: #ffffff;
  --color-surface-2: #f0ebe4;
  --color-surface-3: #e7e2d8;
  --color-border: #e7e2d8;
  --color-divider: #e7e2d8;
  --color-border-strong: #858078;
  --color-text: #141212;
  --color-text-muted: #606a82;
  --color-text-subtle: #606a82;
  --color-primary: #3568ff;
  --color-primary-hover: #2959e8;
  --color-primary-pressed: #1e42aa;
  --color-primary-soft: #e7eeff;
  --color-primary-contrast: #ffffff;
  --color-link: #2959e8;
  --color-ring: #3568ff;
  --color-selected: #e7e2d8;
  --color-selected-text: #141212;
  --color-accent: #ff8235;
  --color-accent-end: #ffb235;
  --color-accent-contrast: #141212;
  --color-success: #2b8a3e;
  --color-success-text: #186e3f;
  --color-success-soft: #d2f2d9;
  --color-warning: #f0b100;
  --color-warning-contrast: #141212;
  --color-warning-text: #734d1a;
  --color-warning-soft: #fff2b7;
  --color-danger: #b42318;
  --color-danger-text: #b42318;
  --color-danger-soft: #ffe3df;
  --color-info: #46516b;
  --color-info-text: #46516b;
  --color-info-soft: #eaecf0;
  --color-disabled: #f0ebe4;
  --color-disabled-text: #a39e95;
  --color-inverse: #141212;
  --color-inverse-text: #ffffff;
  --color-hero: #fff2b7;
  --color-hero-text: #172042;
  --color-overlay: #17204273;
  --color-shadow: #17204214;
  --color-shadow-strong: #1720421f;
  --color-control-bg: #ffffff;
  --color-action-inset: #2445a88a;
  --color-action-cast: #152b6a3d;
  --color-brand-vermilion: #f45929;
  --color-brand-orange: #ff8235;
  --color-brand-gold: #f0b100;
  --color-art-ground: #eddbc0;
  --color-icon-red: #f45929;
  --color-icon-gold: #f0b100;
  --color-icon-orange: #ff8235;
  --color-icon-blue: #3568ff;
  --color-icon-mint: #49c99b;
  --color-icon-green: #2b8a3e;
  --color-icon-white: #ffffff;
  --color-icon-navy: #172042;
  --color-icon-ink: #141212;
  --color-icon-status-success: #2b8a3e;
  --color-icon-deep: #172042;
  --color-chart-1: #3568ff;
  --color-chart-2: #86a4ff;
  --color-chart-3: #e7eeff;
  --color-chart-grid: #f0ebe4;
  --color-cat-1: #2563eb;
  --color-cat-2: #e8551e;
  --color-cat-3: #10b981;
  --color-cat-4: #7c5cdf;
  --color-cat-5: #06a9d4;
  --color-cat-6: #ec4899;
  --color-cat-7: #f59e0b;
  --color-cat-8: #64748b;
  --color-danger-hover: #7c2924;
  --color-danger-contrast: #ffffff;
  --color-mastery-weak: #b42318;
  --color-mastery-developing: #f0b100;
  --color-mastery-strong: #2b8a3e;
  --color-mastery-unseen: #e7e2d8;
  --color-heat-0: #e7e2d8;
  --color-heat-1: #b3e9c0;
  --color-heat-2: #5bc27a;
  --color-heat-3: #2b8a3e;
  --color-heat-4: #17543a;
  --color-graph-learn-first: #f59e0b;
  --color-graph-unlocks: #10b981;
  --color-graph-connected: #7c5cdf;
  --color-graph-related: #858078;
  --color-graph-root: #141212;
  --color-graph-path: #141212;
  --color-fade-from: #f8f4f100;
  --color-highlight-yellow: #facc1573;
  --color-highlight-green: #4ade8066;
  --color-highlight-blue: #60a5fa66;
  --color-highlight-pink: #f472b666;
  --color-highlight-purple: #a78bfa66;
  --color-reader-page-light: #ffffff;
  --color-reader-ink-light: #1f1f1f;
  --color-reader-page-sepia: #f5ecd7;
  --color-reader-ink-sepia: #4b3a2a;
  --color-reader-page-dark: #1c1c1e;
  --color-reader-ink-dark: #e8e6e3;
  --font-sans: "Inter", sans-serif;
  --font-deva: "Noto Sans Devanagari", sans-serif;
  --text-display: 28px;
  --text-display--line-height: 32px;
  --text-display--font-weight: 300;
  --text-h1: 24px;
  --text-h1--line-height: 30px;
  --text-h1--font-weight: 400;
  --text-h2: 20px;
  --text-h2--line-height: 26px;
  --text-h2--font-weight: 400;
  --text-h3: 18px;
  --text-h3--line-height: 24px;
  --text-h3--font-weight: 400;
  --text-title: 18px;
  --text-title--line-height: 24px;
  --text-title--font-weight: 500;
  --text-body: 16px;
  --text-body--line-height: 24px;
  --text-body--font-weight: 400;
  --text-body-sm: 14px;
  --text-body-sm--line-height: 20px;
  --text-body-sm--font-weight: 400;
  --text-label: 16px;
  --text-label--line-height: 24px;
  --text-label--font-weight: 500;
  --text-caption: 12px;
  --text-caption--line-height: 16px;
  --text-caption--font-weight: 500;
  --text-body-hindi: 16px;
  --text-body-hindi--line-height: 26px;
  --text-body-hindi--font-weight: 400;
  --spacing-page-margin: 16px;
  --spacing-section-gap: 32px;
  --spacing-card-gap: 12px;
  --spacing-card-padding: 16px;
  --spacing-content-gap: 12px;
  --spacing-inline-gap: 8px;
  --spacing-control: 56px;
  --spacing-control-compact: 44px;
  --spacing-target: 44px;
  --spacing-icon-sm: 16px;
  --spacing-icon-md: 20px;
  --spacing-icon-lg: 24px;
  --spacing-icon-xl: 40px;
  --radius-none: 0px;
  --radius-small: 8px;
  --radius-control: 12px;
  --radius-card: 16px;
  --radius-sheet: 24px;
  --radius-pill: 9999px;
  --stroke-default: 1px;
  --stroke-focus: 2px;
  --focus-offset: 2px;
  --grid-columns: 4;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --frame-width: 390px;
  --container-content: 1200px;
  --container-reading: 720px;
  --spacing-sidebar: 0px;
  --spacing-top-bar: 64px;
  --spacing-bottom-bar: 64px;
  --radius-xs: 6px;
  --radius-xxs: 3px;
  --spacing-ask-bar-clearance: 128px;
  --stroke-ring: 3px;
  --font-reading: var(--font-sans);
  --duration-fast: 120ms;
  --duration-standard: 200ms;
  --duration-slow: 300ms;
  --duration-screen: 350ms;
  --duration-skeleton-pulse: 1500ms;
  --duration-caret-blink: 500ms;
  --ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-move: cubic-bezier(0.4, 0, 0.2, 1);
  --spring-snap-stiffness: 1000;
  --spring-snap-damping: 68;
  --spring-snap-mass: 1;
  --spring-glide-stiffness: 380;
  --spring-glide-damping: 42;
  --spring-glide-mass: 1;
  --spring-triumph-stiffness: 280;
  --spring-triumph-damping: 18;
  --spring-triumph-mass: 1;
  --scale-press: 0.96;
  --scale-press-pronounced: 0.9;
  --scale-enter: 0.8;
  --timing-loading-delay: 400ms;
  --timing-loading-min: 600ms;
  --timing-tooltip-delay: 500ms;
  --timing-long-press: 500ms;
  --timing-toast: 4000ms;
  --timing-toast-action: 8000ms;
  --shadow-card: 0px 1px 2px 0px var(--color-shadow), 0px 4px 12px -2px var(--color-shadow);
  --shadow-overlay: 0px 4px 8px -2px var(--color-shadow), 0px 16px 40px -8px var(--color-shadow-strong);
  --text-overline: var(--text-caption);
  --text-overline--line-height: var(--text-caption--line-height);
  --text-overline--font-weight: var(--text-caption--font-weight);
  --text-overline--letter-spacing: 0.06em;
  --spacing-safe-top: env(safe-area-inset-top, 0px);
  --spacing-safe-bottom: env(safe-area-inset-bottom, 0px);
}

[data-padho-theme="dark"] {
  color-scheme: dark;
  --color-bg: #121936;
  --color-surface: #172042;
  --color-surface-2: #232d4c;
  --color-surface-3: #303a57;
  --color-border: #303a57;
  --color-divider: #303a57;
  --color-border-strong: #7d859a;
  --color-text: #f8f4f1;
  --color-text-muted: #babfcb;
  --color-text-subtle: #babfcb;
  --color-primary: #3568ff;
  --color-primary-hover: #2959e8;
  --color-primary-pressed: #1e42aa;
  --color-primary-soft: #122a6c;
  --color-primary-contrast: #ffffff;
  --color-link: #86a4ff;
  --color-ring: #86a4ff;
  --color-selected: #303a57;
  --color-selected-text: #f8f4f1;
  --color-accent: #ff8235;
  --color-accent-end: #ffb235;
  --color-accent-contrast: #141212;
  --color-success: #5bc27a;
  --color-success-text: #5bc27a;
  --color-success-soft: #18382d;
  --color-warning: #f0b100;
  --color-warning-contrast: #141212;
  --color-warning-text: #f0b100;
  --color-warning-soft: #3b250f;
  --color-danger: #ffb4ab;
  --color-danger-text: #ffb4ab;
  --color-danger-soft: #442321;
  --color-info: #9ba2b2;
  --color-info-text: #babfcb;
  --color-info-soft: #232d4c;
  --color-disabled: #232d4c;
  --color-disabled-text: #7d859a;
  --color-inverse: #f8f4f1;
  --color-inverse-text: #141212;
  --color-hero: #fff2b7;
  --color-hero-text: #172042;
  --color-overlay: #0000009e;
  --color-shadow: #00000066;
  --color-shadow-strong: #0000008c;
  --color-control-bg: #ffffff;
  --color-action-inset: #2445a88a;
  --color-action-cast: #152b6a3d;
  --color-brand-vermilion: #f45929;
  --color-brand-orange: #ff8235;
  --color-brand-gold: #f0b100;
  --color-art-ground: #eddbc0;
  --color-icon-red: #f45929;
  --color-icon-gold: #f0b100;
  --color-icon-orange: #ff8235;
  --color-icon-blue: #86a4ff;
  --color-icon-mint: #49c99b;
  --color-icon-green: #5bc27a;
  --color-icon-white: #ffffff;
  --color-icon-navy: #eaecf0;
  --color-icon-ink: #f8f4f1;
  --color-icon-status-success: #5bc27a;
  --color-icon-deep: #e7eeff;
  --color-chart-1: #86a4ff;
  --color-chart-2: #2959e8;
  --color-chart-3: #122a6c;
  --color-chart-grid: #232d4c;
  --color-cat-1: #5b8def;
  --color-cat-2: #f4733f;
  --color-cat-3: #34d399;
  --color-cat-4: #a78bfa;
  --color-cat-5: #38bdf8;
  --color-cat-6: #f472b6;
  --color-cat-7: #fbbf24;
  --color-cat-8: #94a3b8;
  --color-danger-hover: #ffd1cb;
  --color-danger-contrast: #141212;
  --color-mastery-weak: #ffb4ab;
  --color-mastery-developing: #f0b100;
  --color-mastery-strong: #5bc27a;
  --color-mastery-unseen: #303a57;
  --color-heat-0: #303a57;
  --color-heat-1: #18382d;
  --color-heat-2: #186e3f;
  --color-heat-3: #43a65c;
  --color-heat-4: #8dd9a0;
  --color-graph-learn-first: #fbbf24;
  --color-graph-unlocks: #34d399;
  --color-graph-connected: #a78bfa;
  --color-graph-related: #7d859a;
  --color-graph-root: #f8f4f1;
  --color-graph-path: #f8f4f1;
  --color-fade-from: #12193600;
  --color-highlight-yellow: #facc1559;
  --color-highlight-green: #4ade804d;
  --color-highlight-blue: #60a5fa52;
  --color-highlight-pink: #f472b652;
  --color-highlight-purple: #a78bfa52;
  --color-reader-page-light: #ffffff;
  --color-reader-ink-light: #1f1f1f;
  --color-reader-page-sepia: #f5ecd7;
  --color-reader-ink-sepia: #4b3a2a;
  --color-reader-page-dark: #1c1c1e;
  --color-reader-ink-dark: #e8e6e3;
}
[data-padho-theme="light"] {
  color-scheme: light;
  --color-bg: #f8f4f1;
  --color-surface: #ffffff;
  --color-surface-2: #f0ebe4;
  --color-surface-3: #e7e2d8;
  --color-border: #e7e2d8;
  --color-divider: #e7e2d8;
  --color-border-strong: #858078;
  --color-text: #141212;
  --color-text-muted: #606a82;
  --color-text-subtle: #606a82;
  --color-primary: #3568ff;
  --color-primary-hover: #2959e8;
  --color-primary-pressed: #1e42aa;
  --color-primary-soft: #e7eeff;
  --color-primary-contrast: #ffffff;
  --color-link: #2959e8;
  --color-ring: #3568ff;
  --color-selected: #e7e2d8;
  --color-selected-text: #141212;
  --color-accent: #ff8235;
  --color-accent-end: #ffb235;
  --color-accent-contrast: #141212;
  --color-success: #2b8a3e;
  --color-success-text: #186e3f;
  --color-success-soft: #d2f2d9;
  --color-warning: #f0b100;
  --color-warning-contrast: #141212;
  --color-warning-text: #734d1a;
  --color-warning-soft: #fff2b7;
  --color-danger: #b42318;
  --color-danger-text: #b42318;
  --color-danger-soft: #ffe3df;
  --color-info: #46516b;
  --color-info-text: #46516b;
  --color-info-soft: #eaecf0;
  --color-disabled: #f0ebe4;
  --color-disabled-text: #a39e95;
  --color-inverse: #141212;
  --color-inverse-text: #ffffff;
  --color-hero: #fff2b7;
  --color-hero-text: #172042;
  --color-overlay: #17204273;
  --color-shadow: #17204214;
  --color-shadow-strong: #1720421f;
  --color-control-bg: #ffffff;
  --color-action-inset: #2445a88a;
  --color-action-cast: #152b6a3d;
  --color-brand-vermilion: #f45929;
  --color-brand-orange: #ff8235;
  --color-brand-gold: #f0b100;
  --color-art-ground: #eddbc0;
  --color-icon-red: #f45929;
  --color-icon-gold: #f0b100;
  --color-icon-orange: #ff8235;
  --color-icon-blue: #3568ff;
  --color-icon-mint: #49c99b;
  --color-icon-green: #2b8a3e;
  --color-icon-white: #ffffff;
  --color-icon-navy: #172042;
  --color-icon-ink: #141212;
  --color-icon-status-success: #2b8a3e;
  --color-icon-deep: #172042;
  --color-chart-1: #3568ff;
  --color-chart-2: #86a4ff;
  --color-chart-3: #e7eeff;
  --color-chart-grid: #f0ebe4;
  --color-cat-1: #2563eb;
  --color-cat-2: #e8551e;
  --color-cat-3: #10b981;
  --color-cat-4: #7c5cdf;
  --color-cat-5: #06a9d4;
  --color-cat-6: #ec4899;
  --color-cat-7: #f59e0b;
  --color-cat-8: #64748b;
  --color-danger-hover: #7c2924;
  --color-danger-contrast: #ffffff;
  --color-mastery-weak: #b42318;
  --color-mastery-developing: #f0b100;
  --color-mastery-strong: #2b8a3e;
  --color-mastery-unseen: #e7e2d8;
  --color-heat-0: #e7e2d8;
  --color-heat-1: #b3e9c0;
  --color-heat-2: #5bc27a;
  --color-heat-3: #2b8a3e;
  --color-heat-4: #17543a;
  --color-graph-learn-first: #f59e0b;
  --color-graph-unlocks: #10b981;
  --color-graph-connected: #7c5cdf;
  --color-graph-related: #858078;
  --color-graph-root: #141212;
  --color-graph-path: #141212;
  --color-fade-from: #f8f4f100;
  --color-highlight-yellow: #facc1573;
  --color-highlight-green: #4ade8066;
  --color-highlight-blue: #60a5fa66;
  --color-highlight-pink: #f472b666;
  --color-highlight-purple: #a78bfa66;
  --color-reader-page-light: #ffffff;
  --color-reader-ink-light: #1f1f1f;
  --color-reader-page-sepia: #f5ecd7;
  --color-reader-ink-sepia: #4b3a2a;
  --color-reader-page-dark: #1c1c1e;
  --color-reader-ink-dark: #e8e6e3;
}

@media (min-width: 768px) {
  :root {
    --font-sans: "Inter", sans-serif;
    --font-deva: "Noto Sans Devanagari", sans-serif;
    --text-display: 32px;
    --text-display--line-height: 36px;
    --text-display--font-weight: 300;
    --text-h1: 28px;
    --text-h1--line-height: 34px;
    --text-h1--font-weight: 400;
    --text-h2: 22px;
    --text-h2--line-height: 28px;
    --text-h2--font-weight: 400;
    --text-h3: 18px;
    --text-h3--line-height: 24px;
    --text-h3--font-weight: 400;
    --text-title: 18px;
    --text-title--line-height: 24px;
    --text-title--font-weight: 500;
    --text-body: 16px;
    --text-body--line-height: 24px;
    --text-body--font-weight: 400;
    --text-body-sm: 14px;
    --text-body-sm--line-height: 20px;
    --text-body-sm--font-weight: 400;
    --text-label: 16px;
    --text-label--line-height: 24px;
    --text-label--font-weight: 500;
    --text-caption: 12px;
    --text-caption--line-height: 16px;
    --text-caption--font-weight: 500;
    --text-body-hindi: 16px;
    --text-body-hindi--line-height: 26px;
    --text-body-hindi--font-weight: 400;
    --spacing-page-margin: 24px;
    --spacing-section-gap: 40px;
    --spacing-card-gap: 16px;
    --spacing-card-padding: 24px;
    --spacing-content-gap: 12px;
    --spacing-inline-gap: 8px;
    --spacing-control: 56px;
    --spacing-control-compact: 44px;
    --spacing-target: 44px;
    --spacing-icon-sm: 16px;
    --spacing-icon-md: 20px;
    --spacing-icon-lg: 24px;
    --spacing-icon-xl: 40px;
    --radius-none: 0px;
    --radius-small: 8px;
    --radius-control: 12px;
    --radius-card: 16px;
    --radius-sheet: 24px;
    --radius-pill: 9999px;
    --stroke-default: 1px;
    --stroke-focus: 2px;
    --focus-offset: 2px;
    --grid-columns: 8;
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --frame-width: 768px;
    --container-content: 1200px;
    --container-reading: 720px;
    --spacing-sidebar: 64px;
    --spacing-top-bar: 72px;
    --spacing-bottom-bar: 0px;
    --radius-xs: 6px;
    --radius-xxs: 3px;
    --spacing-ask-bar-clearance: 128px;
    --stroke-ring: 3px;
  }
}

@media (min-width: 1024px) {
  :root {
    --font-sans: "Inter", sans-serif;
    --font-deva: "Noto Sans Devanagari", sans-serif;
    --text-display: 32px;
    --text-display--line-height: 36px;
    --text-display--font-weight: 300;
    --text-h1: 28px;
    --text-h1--line-height: 34px;
    --text-h1--font-weight: 400;
    --text-h2: 22px;
    --text-h2--line-height: 28px;
    --text-h2--font-weight: 400;
    --text-h3: 18px;
    --text-h3--line-height: 24px;
    --text-h3--font-weight: 400;
    --text-title: 18px;
    --text-title--line-height: 24px;
    --text-title--font-weight: 500;
    --text-body: 16px;
    --text-body--line-height: 24px;
    --text-body--font-weight: 400;
    --text-body-sm: 14px;
    --text-body-sm--line-height: 20px;
    --text-body-sm--font-weight: 400;
    --text-label: 16px;
    --text-label--line-height: 24px;
    --text-label--font-weight: 500;
    --text-caption: 12px;
    --text-caption--line-height: 16px;
    --text-caption--font-weight: 500;
    --text-body-hindi: 16px;
    --text-body-hindi--line-height: 26px;
    --text-body-hindi--font-weight: 400;
    --spacing-page-margin: 32px;
    --spacing-section-gap: 48px;
    --spacing-card-gap: 16px;
    --spacing-card-padding: 24px;
    --spacing-content-gap: 12px;
    --spacing-inline-gap: 8px;
    --spacing-control: 56px;
    --spacing-control-compact: 44px;
    --spacing-target: 44px;
    --spacing-icon-sm: 16px;
    --spacing-icon-md: 20px;
    --spacing-icon-lg: 24px;
    --spacing-icon-xl: 40px;
    --radius-none: 0px;
    --radius-small: 8px;
    --radius-control: 12px;
    --radius-card: 16px;
    --radius-sheet: 24px;
    --radius-pill: 9999px;
    --stroke-default: 1px;
    --stroke-focus: 2px;
    --focus-offset: 2px;
    --grid-columns: 12;
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --frame-width: 1280px;
    --container-content: 1200px;
    --container-reading: 720px;
    --spacing-sidebar: 248px;
    --spacing-top-bar: 80px;
    --spacing-bottom-bar: 0px;
    --radius-xs: 6px;
    --radius-xxs: 3px;
    --spacing-ask-bar-clearance: 128px;
    --stroke-ring: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 120ms;
    --duration-standard: 200ms;
    --duration-slow: 300ms;
    --duration-screen: 350ms;
    --duration-skeleton-pulse: 0ms;
    --duration-caret-blink: 500ms;
    --ease-enter: linear;
    --ease-exit: linear;
    --ease-move: linear;
    --spring-snap-stiffness: 1000;
    --spring-snap-damping: 68;
    --spring-snap-mass: 1;
    --spring-glide-stiffness: 380;
    --spring-glide-damping: 42;
    --spring-glide-mass: 1;
    --spring-triumph-stiffness: 280;
    --spring-triumph-damping: 18;
    --spring-triumph-mass: 1;
    --scale-press: 1;
    --scale-press-pronounced: 1;
    --scale-enter: 1;
    --timing-loading-delay: 400ms;
    --timing-loading-min: 600ms;
    --timing-tooltip-delay: 500ms;
    --timing-long-press: 500ms;
    --timing-toast: 4000ms;
    --timing-toast-action: 8000ms;
  }
}
[data-padho-motion="reduced"] {
  --duration-fast: 120ms;
  --duration-standard: 200ms;
  --duration-slow: 300ms;
  --duration-screen: 350ms;
  --duration-skeleton-pulse: 0ms;
  --duration-caret-blink: 500ms;
  --ease-enter: linear;
  --ease-exit: linear;
  --ease-move: linear;
  --spring-snap-stiffness: 1000;
  --spring-snap-damping: 68;
  --spring-snap-mass: 1;
  --spring-glide-stiffness: 380;
  --spring-glide-damping: 42;
  --spring-glide-mass: 1;
  --spring-triumph-stiffness: 280;
  --spring-triumph-damping: 18;
  --spring-triumph-mass: 1;
  --scale-press: 1;
  --scale-press-pronounced: 1;
  --scale-enter: 1;
  --timing-loading-delay: 400ms;
  --timing-loading-min: 600ms;
  --timing-tooltip-delay: 500ms;
  --timing-long-press: 500ms;
  --timing-toast: 4000ms;
  --timing-toast-action: 8000ms;
}