/* cathexis-tokens.css
   GENERATED by scripts/DesignTokens from Design/DesignTokens.json (v1.3.2).
   Do not edit by hand. The iOS app reads the same JSON; these are the same pigments. */

:root {
  color-scheme: light dark;
  --cx-ash-base: #C9C4B8; /* Faint structure, the dotted temporal band, cold/numb/hollow withdrawal. */
  --cx-ash-cool: #4A5055; /* Crisis wing only: a Payne's grey, never gold. Text at caption size (WCAG AA: 6.6:1 light, 5.8:1 dark on the ground; 5.3:1, 4.9:1 on stained). */
  --cx-chosen-fill: #1E2833; /* A chosen pill and the primary action: a filled ink capsule by day, an alabaster capsule by night. */
  --cx-chosen-label: #EFE6D5; /* Text on chosen.fill (12.1:1 light, 11.8:1 dark). */
  --cx-ember-bloom: #B0662E; /* Sensation, in toffee's family. Blurred radial to transparent. Never a polygon, never an orb, never text. */
  --cx-ember-ink: #7C5A26; /* Ember as text or an icon, on the 2.x screens until the deletions (5.1:1 light, 7.8:1 dark). Toffee never carries a word; no 3.0 screen sets text in it (TX-5). */
  --cx-ember-pale: #D2A267; /* Lightness / expansion: a wide, low-density bloom edging toward gold. */
  --cx-ember-soft: #8C4E25; /* Toffee, the frame: secondary blooms, the denser end of a bloom, pigment threads. Material only: never a button, never the selected tab, never a tint on glass. */
  --cx-gold-thin: #A9843F; /* Stroke or arc only. Hairline chrome. Never a fill, never a glow, never letters. */
  --cx-ink-dark: #1E2833; /* Primary text: iron-gall ink, a near-black with blue in it and a trace of warmth. In dark mode the text is the alabaster (12.1:1 light, 12.5:1 dark). */
  --cx-ink-line: #3A4553; /* Confident stroke: the mandala rings, dividers that must read, secondary text (7.9:1 light, 8.2:1 dark). */
  --cx-ink-soft: #535D6A; /* Faint structure and the softest marks (5.4:1 on the ground, both modes). */
  --cx-paper-linen: #EFE6D5; /* Screen ground. Light: alabaster, a clean paper. Dark: the iron-gall ink itself, the same palette flipped. */
  --cx-paper-stained: #DFCEB9; /* Panels, the band, the mandala ground. Dark: the ink lifted, never toffee (on the device, 3a). */
  --cx-paper-stainedDeep: #D5BEA7; /* Input surfaces and the deeper stain a panel sits in. */
  --cx-presence-ash: #C9C4B8; /* The figure's faint structure and its cool marks. Dark: the old set's ash (3a, C). */
  --cx-presence-dark: #1E2833; /* The figure's darkest tone. Light: the ink. Dark: the old set's lamp-lit linen (3a, C). */
  --cx-presence-soft: #535D6A; /* The figure's density. Light: the ink set's soft. Dark: the old set's warm sepia-grey, which the ink set's neutral grey read ghostly against (Justin on the device, 3a, C). */

  --cx-hairline: 1.0px;
  --cx-presence-alpha: 0.14;
  --cx-grain-alpha: 0.045;

  --cx-type-body: 400 17px/1.3 'Plus Jakarta Sans', system-ui, sans-serif;
  --cx-type-caption: 400 13px/1.3 'Plus Jakarta Sans', system-ui, sans-serif;
  --cx-type-display: 500 34px/1.3 'Fraunces', Georgia, serif;
  --cx-type-headline: 450 20px/1.3 'Fraunces', Georgia, serif;
  --cx-type-label: 500 13px/1.3 'Plus Jakarta Sans', system-ui, sans-serif;
  --cx-type-object: 500 24px/1.3 'Fraunces', Georgia, serif;
  --cx-type-prose: 400 17px/1.3 'Fraunces', Georgia, serif;
  --cx-type-row: 500 17px/1.3 'Plus Jakarta Sans', system-ui, sans-serif;
  --cx-type-secondary: 400 15px/1.3 'Plus Jakarta Sans', system-ui, sans-serif;
  --cx-type-subtitle: 400 15px/1.3 'Plus Jakarta Sans', system-ui, sans-serif;
  --cx-type-text: 400 17px/1.3 'Plus Jakarta Sans', system-ui, sans-serif;
  --cx-type-title: 500 34px/1.3 'Fraunces', Georgia, serif;
  --cx-type-yourWords: 400 20px/1.3 'Fraunces', Georgia, serif;
  --cx-type-yourWordsLead: 400 20px/1.3 'Fraunces', Georgia, serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --cx-ash-base: #41464B;
    --cx-ash-cool: #979EA3;
    --cx-chosen-fill: #ECE4D4;
    --cx-chosen-label: #1E2833;
    --cx-ember-bloom: #B0662E;
    --cx-ember-ink: #CEB27B;
    --cx-ember-pale: #D2A267;
    --cx-ember-soft: #9A5A2C;
    --cx-gold-thin: #C9A86E;
    --cx-ink-dark: #ECE4D4;
    --cx-ink-line: #BEBAAF;
    --cx-ink-soft: #989791;
    --cx-paper-linen: #1B232D;
    --cx-paper-stained: #27313C;
    --cx-paper-stainedDeep: #303B47;
    --cx-presence-ash: #56493A;
    --cx-presence-dark: #E8DCC5;
    --cx-presence-soft: #A4957A;
    --cx-presence-alpha: 0.18;
    --cx-grain-alpha: 0.035;
  }
}

/* Fraunces: variable font, optical size tracks the rendered size.
   WONK and SOFT off by default, as in the app. Nothing under 20px is set in Fraunces. */
.cx-display { font-family: 'Fraunces', Georgia, serif; font-optical-sizing: auto; font-variation-settings: 'SOFT' 0, 'WONK' 0; }
.cx-text    { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; }