/* The Stoa theme. Colours are the app's own tokens (The Stoa 1.1.0, stoa.css and src/native/native-base.css).
   Stone (dark) is the default, as in the app; Parchment (light) via the nav toggle, stored as thestoa-theme and
   applied by the inline script in <head> before first paint.
   Gold is the one accent, as in the app: the main button, the progress ring, labels and the active state.
   Text tokens keep every text pair at 4.5:1 or more (ratios in the comments are against --bg). */
:root {
  color-scheme: dark;
  --bg: #141419;
  --bg-well: #18181e;
  --surface: #1c1c22;
  --surface-2: #23232a;
  --line: rgba(237, 230, 214, .08);
  --line-2: rgba(237, 230, 214, .14);
  --line-3: rgba(237, 230, 214, .24);
  --head: #ede6d6;              /* the app's --text, 14.9:1 */
  --text: #d6cfbe;              /* 12.1:1 */
  --sub: #bdb49c;               /* the app's --text-dim, 9.0:1 */
  --muted: #a39a83;             /* 6.6:1, 5.9:1 on --surface-2 */

  --accent: #cfae5a;            /* the app's gold */
  --accent-rgb: 207, 174, 90;
  --accent-text: #cfae5a;       /* 8.7:1 */
  --cta-ink: #17140b;           /* the app's --accent-ink, 9.4:1 on the gold button */

  --glass: rgba(28, 28, 34, .66);
  --glass-edge: rgba(255, 255, 255, .05);
  --shadow: 0 34px 80px -40px rgba(0, 0, 0, .75);
  --phone-edge: #2c2c33;
  --ambient: radial-gradient(1000px 460px at 12% -10%, rgba(207, 174, 90, .07), transparent 70%),
             radial-gradient(50% 40% at 88% 40%, rgba(207, 174, 90, .04), transparent 70%),
             radial-gradient(50% 40% at 10% 92%, rgba(207, 174, 90, .03), transparent 70%);
  --sky: radial-gradient(60% 50% at 50% 34%, rgba(207, 174, 90, .13), transparent 70%),
         radial-gradient(40% 30% at 16% 20%, rgba(237, 230, 214, .03), transparent 70%);
  --fade: rgba(20, 20, 25, .82);

  /* shared LD Coda footer (ldc-footer.css); text colours meet WCAG AA on the footer background */
  --ldc-footer-bg: #18181e;
  --ldc-footer-border: rgba(237, 230, 214, .1);
  --ldc-footer-link: #bdb49c;
  --ldc-footer-link-h: #ede6d6;
  --ldc-footer-current: #cfae5a;
  --ldc-footer-cat: #a39a83;
  --ldc-footer-dot: #5e5a50;
  --ldc-footer-meta: #a39a83;
}

[data-theme="parchment"] {
  color-scheme: light;
  --bg: #f1e9d6;
  --bg-well: #ebe2cc;
  --surface: #f8f2e3;
  --surface-2: #e8dec6;
  --line: rgba(42, 36, 23, .1);
  --line-2: rgba(42, 36, 23, .17);
  --line-3: rgba(42, 36, 23, .3);
  --head: #2a2417;              /* the app's --text, 13.0:1 */
  --text: #3d3524;              /* 10.4:1 */
  --sub: #5b5139;               /* the app's --text-dim, 6.8:1 */
  --muted: #675c43;             /* 5.7:1, 4.9:1 on --surface-2 */

  --accent: #8a6216;            /* the app's Parchment gold */
  --accent-rgb: 138, 98, 22;
  --accent-text: #7a5612;       /* 5.9:1 */
  --cta-ink: #fbf6e8;           /* the app's --accent-ink, 5.4:1 on the button */

  --glass: rgba(248, 242, 227, .7);
  --glass-edge: rgba(255, 255, 255, .6);
  --shadow: 0 30px 70px -42px rgba(74, 56, 20, .45);
  --phone-edge: #d8cdb2;
  --ambient: radial-gradient(1000px 460px at 12% -10%, rgba(138, 98, 22, .08), transparent 70%),
             radial-gradient(50% 40% at 88% 40%, rgba(138, 98, 22, .05), transparent 70%),
             radial-gradient(50% 40% at 10% 92%, rgba(42, 36, 23, .04), transparent 70%);
  --sky: radial-gradient(60% 50% at 50% 34%, rgba(138, 98, 22, .12), transparent 70%),
         radial-gradient(40% 30% at 16% 20%, rgba(42, 36, 23, .04), transparent 70%);
  --fade: rgba(241, 233, 214, .82);

  --ldc-footer-bg: #ebe2cc;
  --ldc-footer-border: rgba(42, 36, 23, .14);
  --ldc-footer-link: #4a4130;
  --ldc-footer-link-h: #2a2417;
  --ldc-footer-current: #7a5612;
  --ldc-footer-cat: #5b5139;
  --ldc-footer-dot: #a39a83;
  --ldc-footer-meta: #5b5139;
}