/* PinkySeal – classless.css theme */
:root {
  /* Layout & type */
  --rem:   13.5pt;                 /* a touch larger than 12pt for readability */
  --width: 56rem;                  /* comfy form width */
  --navpos: absolute;

  --font-p: 400 1rem/1.6 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-h: 400 1rem/1.25 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-c: 400 1rem/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --border: 1px solid var(--cmed);
  /* If you dislike the decorative chevrons between sections, set to "" */
  --ornament: "";

  /* Color palette (light) */
  --cbg:   #ffffff;                /* background */
  --cfg:   #111827;                /* foreground text (gray-900) */
  --cdark: #6b7280;                /* captions/help (gray-500) */
  --cmed:  #e5e7eb;                /* borders/table rules (gray-200) */
  --clight:#f8fafc;                /* subtle panels/code (gray-50) */

  /* Brand + emphasis
     - brand base from logo: #E13733
     - darker tone for links to clear 4.5:1 contrast on white: #DE2521 */
  --clink: #DE2521;                /* link / actionable text (AA on white) */
  --cemph: #E13733;                /* primary emphasis (headings, strong accents) */
}

/* Optional dark mode that still feels like PinkySeal */
@media (prefers-color-scheme: dark) {
  :root {
    --cbg:   #0b0d10;
    --cfg:   #e6e8ea;
    --cdark: #9aa3ad;
    --cmed:  #2a2f36;
    --clight:#11151a;

    /* brighten brand slightly for dark backgrounds */
    --clink: #ff6e66;              /* ~AA+ vs #0b0d10 */
    --cemph: #ff6e66;
  }
}