/* The mobile design system for the web: core/ui theme/Color.kt, Font.kt, Shape.kt and AppShadows.kt.
   Change a value here only together with its Kotlin token. Feature styles use the aliases at the end. */
@font-face{font-family:Manrope;src:url('assets/manrope_regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope_medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope_semi_bold.ttf') format('truetype');font-weight:600;font-display:swap}
/* The app maps ExtraBold to this file too, so 800 renders as 700 on both platforms. */
@font-face{font-family:Manrope;src:url('assets/manrope_bold.ttf') format('truetype');font-weight:700 800;font-display:swap}

:root{
  --app-font:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;
  /* Theme-aware colours (AppColors). */
  --app-bg:#f4f1e8;--app-bg-secondary:#eff1e8;--app-card:#fffaec;--app-surface:#fffcf5;
  --app-ink:#17362c;--app-ink-secondary:#68705f;--app-ink-muted:#858c7c;
  --app-border:#e3e6db;--app-border-light:#edf0e7;
  --app-soft-primary:#fcece2;--app-soft-primary-ink:#b83a1c;
  --app-soft-mint:#e7eee2;--app-soft-mint-ink:#2f8a6b;
  --app-soft-danger:#fbe0e0;--app-soft-danger-ink:#c26b6b;
  --app-danger-text:#a14a4a;--app-error:#e89090;
  --app-inverted:#1f2937;--app-inverse-surface:#17362c;--app-inverse-ink:#f4f1e8;
  --app-shadow:#f6d7c9;--app-shadow-danger:#fbe0e0;--app-scrim:rgb(74 47 26 / 32%);
  --app-owned-bg:#f9e9df;--app-owned-border:#f0d7c6;
  /* Constant brand colours. */
  --app-primary:#db4a23;--app-primary-light:#ef7951;--app-primary-dark:#b83a1c;--app-on-primary:#fffaec;
  --app-secondary:#17362c;--app-secondary-light:#45665b;--app-mint:#78936a;--app-danger-fill:#b04f4f;
  /* Shapes and offset shadows: the app draws solid, unblurred drops. */
  --radius-sm:10px;--radius-button:12px;--radius-large-button:14px;--radius-card:16px;--radius-glass:18px;--radius-xl:22px;--radius-badge:20px;--radius-icon:13px;
  --shadow-sm:0 1px 0 var(--app-shadow);--shadow-md:0 2px 0 var(--app-shadow);
  /* Motion (AppAnim). */
  --ease-standard:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.05,.7,.1,1);
  /* Names used by the feature stylesheets. */
  --bg:var(--app-bg);--card:var(--app-card);--ink:var(--app-ink);--muted:var(--app-ink-secondary);--line:var(--app-border);
  --orange:var(--app-primary);--sage:var(--app-soft-mint);--green:var(--app-soft-mint-ink);--paper:var(--app-bg);
  --soft-primary:var(--app-soft-primary);--soft-primary-ink:var(--app-soft-primary-ink);--soft-mint:var(--app-soft-mint);--soft-mint-ink:var(--app-soft-mint-ink);
  --soft-danger:var(--app-soft-danger);--soft-danger-ink:var(--app-soft-danger-ink);--surface-secondary:var(--app-bg-secondary);
  --shadow:var(--shadow-md);
}
/* Dark theme. The app sets data-theme; pages without app.js (privacy, terms) follow the system. */
html[data-theme="dark"]{
  color-scheme:dark;
  --app-bg:#14110f;--app-bg-secondary:#1e1a17;--app-card:#221d19;--app-surface:#221d19;
  --app-ink:#f3ebe3;--app-ink-secondary:#c2b6ab;--app-ink-muted:#8c8077;
  --app-border:#3a332c;--app-border-light:#2a2521;
  --app-soft-primary:#32241a;--app-soft-primary-ink:#ef7951;
  --app-soft-mint:#173329;--app-soft-mint-ink:#a5b89a;
  --app-soft-danger:#3a211f;--app-soft-danger-ink:#f2a8a8;
  --app-danger-text:#f2a8a8;--app-error:#f2a8a8;
  --app-inverted:#332c27;--app-inverse-surface:#f3ebe3;--app-inverse-ink:#14110f;
  --app-shadow:#0c0a09;--app-shadow-danger:#0c0a09;--app-scrim:rgb(0 0 0 / 50%);
  --app-owned-bg:#32241a;--app-owned-border:#3a332c;
  /* Orange text and accents use the lighter brand orange on dark, as Material's dark primary does. */
  --orange:var(--app-primary-light);
}
@media(prefers-color-scheme:dark){
  html:not([data-theme]){
    color-scheme:dark;
    --app-bg:#14110f;--app-bg-secondary:#1e1a17;--app-card:#221d19;--app-surface:#221d19;
    --app-ink:#f3ebe3;--app-ink-secondary:#c2b6ab;--app-ink-muted:#8c8077;
    --app-border:#3a332c;--app-border-light:#2a2521;
    --app-soft-primary:#32241a;--app-soft-primary-ink:#ef7951;
    --app-soft-mint:#173329;--app-soft-mint-ink:#a5b89a;
    --app-soft-danger:#3a211f;--app-soft-danger-ink:#f2a8a8;
    --app-danger-text:#f2a8a8;--app-error:#f2a8a8;
    --app-inverted:#332c27;--app-inverse-surface:#f3ebe3;--app-inverse-ink:#14110f;
    --app-shadow:#0c0a09;--app-shadow-danger:#0c0a09;--app-scrim:rgb(0 0 0 / 50%);
    --app-owned-bg:#32241a;--app-owned-border:#3a332c;
    --orange:var(--app-primary-light);
  }
}

/* Base type: appBody, with Manrope for every control. */
body{font-family:var(--app-font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,input,select,textarea{font-family:inherit}