/* Ratio theme (light only for now; dark is a tracked follow-up). Folded from the
   validated Hybrid palette that lived in search.css. Lives outside src/static/ratio/
   so the components-only class scanner ignores it. */
[data-theme="ratio"] {
  color-scheme: light;
  --color-base-100: #fdfaf3;   /* raised paper */
  --color-base-200: #f4ecdb;   /* paper */
  --color-base-300: #e4d6bc;   /* edge */
  --color-base-content: #22303d; /* ink */
  --color-primary: #22303d;      --color-primary-content: #fdfaf3;
  --color-secondary: #5b4a2e;    --color-secondary-content: #fbf8f1;
  --color-accent: #8a5e22;       --color-accent-content: #fbf8f1;   /* brass */
  --color-neutral: #23303d;      --color-neutral-content: #fbf8f1;
  --color-info: #1f4e63;         --color-info-content: #fbf8f1;
  --color-success: #3a5a34;      --color-success-content: #fbf8f1;
  --color-warning: #8c3a2e;      --color-warning-content: #fbf8f1;  /* red (overturned) */
  --color-error: #9c3222;        --color-error-content: #fdfaf3;
  --radius-box: 0.25rem;
  --radius-field: 0.2rem;
  --radius-selector: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
  --font-body: "Spectral", Georgia, "Times New Roman", serif;
  /* heftdesk-ui's base.html puts .font-sans on <body>, which beats body's var(--font-body): without this the reader
     and every page outside .ratio-search fall back to the system sans (to_packages P14). */
  --font-sans: var(--font-body);
  --font-heading: "Fraunces", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --text-root: 106.25%;   /* ~17px root, matching the search body size */
  --space-unit: 0.25rem;
}