/* SPDX-License-Identifier: AGPL-3.0-or-later
 *
 * Generated shape of app/assets/themes/*.toml. Every colour in the app is a
 * token, so switching themes is swapping this block - never editing components.
 */
:root,
:root[data-theme="brass-and-soot"] {
  --background: #14100c;
  --background-dark: #0d0a07;
  --background-darker: #070503;
  --background-lighter: #1f1913;
  --foreground: #e8dcc8;
  --foreground-dark: #a1917a;
  --foreground-light: #f2e9d8;
  --foreground-bright: #fffaf0;
  --accent: #c9922e;
  --selection: #3a2d1c;
  --muted: #6b5d47;
  --red: #a8432f;
  --green: #5c7a4a;
  --yellow: #c9922e;
  --blue: #4a6a7a;
  --magenta: #8a5a6a;
  --cyan: #5a8a85;
  --orange: #c4682a;
  --brown: #7a5c3a;

  /* One fixed colour and glyph per kind, repeated on cards, chips and
     confirmations, so a sigil means the same thing everywhere. */
  --kind-link:    var(--blue);
  --kind-article: var(--foreground-dark);
  --kind-video:   var(--red);
  --kind-pdf:     var(--orange);
  --kind-image:   var(--green);
  --kind-note:    var(--accent);

  --radius: 6px;
  --radius-lg: 10px;
  --edge: 1px solid color-mix(in oklab, var(--accent) 22%, transparent);
  --shadow: 0 1px 2px rgb(0 0 0 / 0.5), 0 8px 24px rgb(0 0 0 / 0.28);
}

/* A paper-light counterpart so the light-mode story is not an afterthought. */
:root[data-theme="foolscap"] {
  --background: #f4efe4;
  --background-dark: #e9e1d1;
  --background-darker: #ddd3bf;
  --background-lighter: #fbf8f1;
  --foreground: #2a231a;
  --foreground-dark: #6b5d47;
  --foreground-light: #1c1710;
  --foreground-bright: #0d0a07;
  --accent: #8a6420;
  --selection: #e2d4b4;
  --muted: #9a8c74;
  --shadow: 0 1px 2px rgb(0 0 0 / 0.08), 0 8px 24px rgb(0 0 0 / 0.06);
}

::selection { background: var(--selection); color: var(--foreground-bright); }

body {
  background: var(--background);
  color: var(--foreground);
  margin: 0;
  /* The 16px side gutter the phone needs. */
  padding-inline: max(16px, env(safe-area-inset-left));
}
a { color: var(--accent); text-underline-offset: 0.2em; }