/**
 * Alexandria light theme for the workspace-frontend (login / signup /
 * reactivate pages).
 *
 * The workspace-frontend server serves this at /wsf-theme.css when
 * launched with THEME_CSS_PATH pointing here (see start-alexandria.sh).
 * It styles the document, and — because wsf-bundle.js feeds it through
 * `setCorinthThemeSheet` — the Corinth auth components' shadow DOM too.
 *
 * The `:host, :root` token block mirrors `alexandria-light.ts.css`
 * (app-foundation/.../alexandria-app-host/ts/theme/), which themes the
 * Alexandria SPA apps. Keep the two token blocks in sync — the codebase
 * keeps one standalone theme file per surface (see the sibling per-app
 * theme.css files); there is no shared import.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&display=swap');

:host, :root {
  color-scheme: light;

  /* Surfaces — white page, faint warm-grey panels. */
  --corinth-bg:           #ffffff;
  --corinth-panel:        #f7f7f5;
  --corinth-surface:      #efefed;

  /* Text — warm near-black stepping down through greys. */
  --corinth-text:         #37352f;
  --corinth-text-dim:     #6b6a64;
  --corinth-text-muted:   #91918c;
  --corinth-text-ghost:   #b6b5b0;

  /* Borders — hairline, low-contrast. */
  --corinth-border:       #e9e9e6;
  --corinth-border-light: #f0f0ed;
  --corinth-border-hard:  #d7d6d1;

  /* Inputs. */
  --corinth-input-bg:     #ffffff;
  --corinth-input-border: #dbdad5;

  /* Accent — the strong variant is derived, so only this line changes
     between the per-app workspace-frontend theme files. */
  --corinth-accent:        #9a6f2e;
  --corinth-accent-strong: color-mix(in srgb, var(--corinth-accent) 84%, #000);

  /* State colours. */
  --corinth-danger:   #c4453f;
  --corinth-success:  #3f7d57;
  --corinth-info:     #5a6b8c;

  /* Typography — Inter for UI, Source Serif 4 for headings. */
  --corinth-font-ui:    "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
  --corinth-font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --corinth-font-mono:  "IBM Plex Mono", "JetBrains Mono", "SF Mono", "Consolas", monospace;

  /* Radius — rounder, calmer than the edit-suite default. */
  --corinth-radius-1: 4px;
  --corinth-radius-2: 6px;
  --corinth-text-scale: 1;

  /* Overlay tints + shadows — dark-on-light, soft. */
  --corinth-tint-hover:  #37352f0d;
  --corinth-tint-active: #37352f14;
  --corinth-shadow-float:  0 8px 24px #1a1a1a1f, 0 2px 6px #1a1a1a14;
  --corinth-shadow-raised: 0 1px 3px #1a1a1a1a;
}

* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0; min-height: 100%;
  background: var(--corinth-bg);
  color: var(--corinth-text);
  font-family: var(--corinth-font-ui);
}
.frame {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 24px;
}
h1, h2, h3 {
  font-family: var(--corinth-font-serif);
  font-weight: 600;
  letter-spacing: -0.012em;
}