/* Odette (Georgia.) — the palette, the type and the radii, in one place.

   Both entry points load this before their own sheet: the app at /app/ and the
   marketing landing at /. Nothing here is duplicated in either — a token that
   moves, moves once. design/tokens.json is the machine-readable reference and
   tests/tokens.test.mjs holds this file to it, value by value. */

:root {
  /* Colour — DESIGN-SYSTEM.md, one for one.

     Two rules the names carry: informational muted is #6E6469 and is the AA
     floor — anything holding information (a context line, a status, a date)
     uses it or darker. #8D8489 and lighter are decorative only, and never say
     anything a reader needs. */
  --ink: #17151A;              /* body text */
  --ink-2: #5A5257;            /* secondary text */
  --muted: #6B6166;            /* informational muted — the AA floor */
  --decor: #8A8186;            /* decorative only */
  --faint: #B3AAA6;            /* decorative only */
  --faint-2: #B3AAA6;          /* decorative only */

  --board: #F5F0EB;            /* the board the frame sits on */
  --paper: #ffffff;            /* a card */
  --frame: #FBF8F5;            /* the app frame's own ground */

  /* Garnet — Odette's accent (design/ODETTE-REBRAND.md §3, 1 Oct 2026). It
     carries white at 11.3:1. On an ink surface it does not hold, and the
     accent there is Poudre, --accent-on-ink below. */
  --accent: #6B1F2E;
  --accent-hover: #561723;
  /* What is written on the accent. White in every light palette; Lac in the
     night one, whose accent is Poudre — white on Poudre reads 2:1. A literal
     #fff on an accent ground was right until the accent could be pale. */
  --on-accent: #ffffff;
  --tint: #F4E4E6;             /* accent tint */
  --ai: #6B1F2E;               /* AI / deep accent — the ✦; the same garnet, the gradient is retired */
  --data: #813B52;             /* identity as text — Poudre's hue at L≈0.45 (Poudre reads 1.85 on its tint) */
  --data-fill: #D9A5B3;        /* Poudre — identity as a fill: markers, avatars, the casting ring */
  --data-bg: #F8EEF1;

  --overdue: #B44739;          /* danger — never pink; 4.53 on its own tint */
  --overdue-bg: #F9E8E4;
  --overdue-row: #FDF3F1;
  --watch: #C9A24A;            /* warning */
  --watch-ink: #896624;        /* 4.59 on the warning tint, 4.9 on paper */
  --watch-bg: #F6EFDC;
  --good: #4E7047;             /* ok — 4.5+ on both ok tints */
  --good-bg: #EAF1E5;

  --hairline: #EFE8E2;         /* in-card */
  --hairline-side: #E6DDD6;    /* sidebar */
  --dash: #E3D3D6;             /* dashed empty */
  --dash-strong: #D9A5B3;      /* dashed, an option */
  --border: #E6DDD6;           /* a secondary button's outline */
  --line: #E6DDD6;             /* a control's outline — segments, chips, the active nav item */
  --accent-on-ink: #D9A5B3;    /* Poudre — the accent on the ink ground: the sidebar's bar and counts, a toast's action */
  /* The mark (Odette, 1 Oct 2026): a Lac square, a Plume "O" and a garnet
     point. Plume (:root) and Lac night draw the icon's own colours; the
     five other presets put the point in their accent as it reads on ink,
     because a plum or a navy point on a Lac square is a point nobody sees. */
  --logo-bg: #17151A;
  --logo-fg: #F5F0EB;
  --logo-dot: var(--accent);

  --sk-a: #EFE8E2;             /* skeleton base */
  --sk-b: #FBF8F5;             /* skeleton sheen */

  /* Cards carry a shadow, not a border. */
  /* The map (6a). Land a shade above the canvas, water the canvas itself, a
     hairline for the coasts and a fainter one for the graticule; her own
     country tinted. Every palette redefines the four, so the map is the app's
     colour and not a grey sheet dropped into the middle of it. */
  --map-water: var(--frame);
  --map-land: color-mix(in oklab, var(--ink) 8%, var(--board));
  --map-line: color-mix(in oklab, var(--ink) 24%, var(--board));
  --map-grid: color-mix(in oklab, var(--ink) 8%, var(--frame));
  --map-home: var(--tint);
  --map-home-line: color-mix(in oklab, var(--accent) 45%, var(--tint));

  --shadow-card: 0 1px 3px rgba(23, 21, 26, .05);
  --shadow-lift: 0 8px 22px rgba(23, 21, 26, .08);
  --shadow-frame: 0 16px 44px rgba(23, 21, 26, .07);
  --shadow-modal: 0 24px 60px rgba(23, 21, 26, .30);
  --shadow-float: 0 24px 70px rgba(23, 21, 26, .30);  /* a panel or a modal over the page */
  --shadow-toast: 0 10px 26px rgba(23, 21, 26, .30);
  --shadow-tip: 0 8px 22px rgba(23, 21, 26, .28);
  --shadow-pill: 0 6px 18px rgba(129, 59, 82, .08);

  /* Type */
  --sans: "Manrope", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;
  /* The display face — the landing's titles and a quiet page's one job (17). */
  --serif: "Playfair Display", Georgia, "Times New Roman", serif;

  /* Radii — cards 18–20, chips and buttons are always fully round. */
  --r-frame: 26px;
  --r-card: 20px;
  --r-card-sm: 18px;
  --r-field: 12px;
  --r-pill: 999px;

  /* The calendar tooltip's dark palette — the one thing here the spec does
     not state (tokens.json lists it as unspecified). Named, so nothing else
     needs a literal. */
  /* On the ink — the phone's black hero and season cards (17f, 19e): the
     artboards draw their secondary text #B9AEB4 and their inner surfaces
     #2A2427 over #1C1719, which is white at 72% and at 6%. Named, so the
     cards need no literal. */
  --on-ink: rgba(255, 255, 255, .72);
  --on-ink-soft: rgba(255, 255, 255, .55);
  --ink-raised: rgba(255, 255, 255, .06);
  --ink-raised-2: rgba(255, 255, 255, .12);
  --ink-line: rgba(255, 255, 255, .3);
  /* Text on an ink surface — a black pill's label, the hero's title. White in
     every light palette; in the night palette the ink is ivory and this is
     the canvas. Named so the night palette can turn the pills over. */
  --on-ink-strong: #ffffff;
  /* The sidebar's own ink (26a) — the panel's black; #241F21 in the night
     palette, where the whole app is already dark. */
  --sidebar-ink: #17151A;
  --sidebar-raised: #242128;
  --sidebar-text: #D6CFCB;     /* an idle item on the Ink sidebar */
  /* Sidebar v3 (26a Ink, 26f White): one layout, two skins, chosen in Settings ›
     Appearance › Sidebar. The Ink skin is :root; `data-sidebar="white"` below
     re-points the same names at the light values of CHANGES §6e's table. */
  --sb-bg: var(--sidebar-ink);
  --sb-border: transparent;
  --sb-wordmark: #ffffff;
  --sb-text: var(--sidebar-text);
  --sb-text-on: #ffffff;
  /* Lifted to the AA floor on the panel, like --sb-plan below: the design's
     #6E6469 reads 3.11 on the ink and 2.67 on the active pill, and a group
     label and a count are information. #928B8F reads 4.57 on both. */
  --sb-label: #928B8F;
  /* The line under her name ("Model · Pro plan") is information, not a label,
     so it answers to the AA floor rather than to the decorative ramp: the
     design's own #8D8489 reads 4.20 on the ink panel and #B9AEB4 reads 2.15
     on the white one. Derived rather than invented — the item text lifted off
     the panel until it clears, which follows the skin instead of pinning a
     colour the spec never wrote. `harness/flows/menu-readable.js` measures it
     in both skins and all six palettes. */
  --sb-plan: color-mix(in oklab, var(--sb-text) 68%, var(--sb-bg));
  --sb-search-bg: var(--sidebar-raised);
  --sb-search-text: #928B8F;        /* 4.57 on the search field's #2A2427 */
  --sb-hover: rgba(255, 255, 255, .05);
  --sb-active: var(--sidebar-raised);
  --sb-count: #928B8F;
  --sb-badge: var(--accent-on-ink);   /* the Inbox count, pink on the panel */
  --sb-chevron: #928B8F;
  --tip-good-bg: #3C5936;
  --tip-good-ink: #D8EBD2;
  --tip-past-bg: #4A3540;
  --tip-past-ink: #DCC6CF;

  /* The focus ring, on every interactive element. One place decides it. */
  --focus: 2px solid var(--accent);
  --focus-gap: 2px;
}

/* The two faces, self-hosted (Odette, 1 Oct 2026: Manrope for the words,
   Playfair Display for the display and every figure — both variable, both
   under the SIL Open Font License, assets/fonts/OFL-Manrope.txt and
   OFL-Playfair-Display.txt). The spec loads them from Google Fonts; this
   app does not: the CSP is `font-src 'self'`, the service worker is
   network-first and has to be able to answer for everything, and the
   installed app draws offline. Latin and latin-ext, the subsets Google cuts.
   No sans italic: nothing in the design sets one. */

@font-face {
  font-family: "Manrope";
  src: url(fonts/manrope-latin.woff2) format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Manrope";
  src: url(fonts/manrope-latin-ext.woff2) format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Playfair Display";
  src: url(fonts/playfair-display-latin.woff2) format("woff2");
  font-weight: 400 500; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display";
  src: url(fonts/playfair-display-latin-ext.woff2) format("woff2");
  font-weight: 400 500; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Playfair Display";
  src: url(fonts/playfair-display-italic-latin.woff2) format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display";
  src: url(fonts/playfair-display-italic-latin-ext.woff2) format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* The White skin (26f): the same sidebar on paper, with a hairline. */
:root[data-sidebar="white"] {
  --sb-bg: var(--paper);
  --sb-border: var(--hairline-side);
  --sb-wordmark: var(--ink);
  --sb-text: var(--ink-2);
  --sb-text-on: var(--ink);
  --sb-label: var(--muted);         /* 5.69 on paper — #B9AEB4 read 2.15 */
  --sb-plan: var(--muted);          /* 5.34 on paper, 7.4 on the night card */
  --sb-search-bg: var(--board);
  --sb-search-text: var(--muted);
  --sb-hover: var(--board);
  --sb-active: var(--tint);
  --sb-count: var(--muted);
  --sb-badge: var(--accent);
  --sb-chevron: var(--muted);
}

/* ---- The six palettes (23 · 26c · ODETTE-REBRAND.md §3; Ivory retired 2 Oct 2026 — Plume is its twin). Plume is :root above; each other preset re-declares only what
   moves. Derived in oklch by harness/build-palettes.py — accent-soft at L≈0.93, accent-ink at
   L≈0.45, hairlines from the canvas — and pasted here so the sheet stays a sheet. Danger, warning
   and ok never change in a light palette; the night one lifts them so they still carry words. */
:root[data-palette="rose"] {
  --board: #FAF2F4;
  --frame: #FCF8F9;
  --ink: #1C1719;
  --accent: #CA1959;
  --accent-hover: #B8004B;
  --tint: #FFE0E5;
  --ai: #A4294E;
  --accent-on-ink: #F5A0AF;
  --data-bg: #F9F1F3;
  --dash: #F4DADE;
  --dash-strong: #F1B6C0;
  --hairline: #F5EAED;
  --hairline-side: #F2E3E7;
  --line: #F0E2E6;
  --sk-a: #F5EAED;
  --sk-b: #FCF8F9;
}
:root[data-palette="sage"] {
  --board: #F1F3EE;
  --frame: #F6F7F5;
  --ink: #1C1719;
  --accent: #557A4E;
  --accent-hover: #476B40;
  --tint: #E3EEE1;
  --ai: #496744;
  --accent-on-ink: #AEC3AA;
  --data-bg: #F0F2ED;
  --dash: #DDE5DB;
  --dash-strong: #BDCEBA;
  --hairline: #E9ECE5;
  --hairline-side: #E3E7DC;
  --line: #E2E6DC;
  --sk-a: #E9ECE5;
  --sk-b: #F6F7F5;
}
:root[data-palette="sand"] {
  --board: #F5EFE6;
  --frame: #F7F4F0;
  --ink: #1C1719;
  --accent: #B6483A;
  --accent-hover: #A5382C;
  --tint: #FFE3DE;
  --ai: #974135;
  --accent-on-ink: #E9AA9F;
  --data-bg: #F4EEE5;
  --dash: #F1DDD9;
  --dash-strong: #E9BCB4;
  --hairline: #EFE8DD;
  --hairline-side: #EBE1D3;
  --line: #E9E0D3;
  --sk-a: #EFE8DD;
  --sk-b: #F7F4F0;
}
:root[data-palette="slate"] {
  --board: #EEF0F3;
  --frame: #F4F5F6;
  --ink: #161A22;
  --accent: #3B4C7A;
  --accent-hover: #2E3E6B;
  --tint: #E4EAFA;
  --ai: #2F3D61;
  --accent-on-ink: #B0BCD8;
  --data-bg: #EDEFF2;
  --dash: #DDE2ED;
  --dash-strong: #BEC8DF;
  --hairline: #E6E9EE;
  --hairline-side: #DEE3EB;
  --line: #DDE2EA;
  --sk-a: #E6E9EE;
  --sk-b: #F4F5F6;
}
:root[data-palette="ink"] {
  --board: #17151A;
  --frame: #17151A;
  --paper: #242128;
  --ink: #F5F0EB;
  --ink-2: #D6CFCB;
  --muted: #B3AAA6;
  --decor: #8A8186;
  --faint: #6B6166;
  --faint-2: #6B6166;
  --accent: #D9A5B3;
  --accent-hover: #EAB5C3;
  --tint: #4B2531;
  --ai: #D9A5B3;
  --accent-on-ink: #6B1F2E;
  --on-accent: #17151A;
  --sb-badge: #D9A5B3;
  --data: #EAA9BB;
  --data-fill: #D9A5B3;
  --data-bg: #302C33;
  --overdue: #F68675;
  --overdue-bg: #44241F;
  --overdue-row: #311F1B;
  --watch: #C9A24A;
  --watch-ink: #E1B75C;
  --watch-bg: #372C15;
  --good: #8FC184;
  --good-bg: #232F21;
  --hairline: #2B282E;
  --hairline-side: #242128;
  --dash: #38343B;
  --dash-strong: #845261;
  --border: #48444C;
  --line: #302C33;
  --sk-a: #242128;
  --sk-b: #302C33;
  --on-ink: rgba(23, 21, 26, .72);
  --on-ink-soft: rgba(23, 21, 26, .68);
  --ink-raised-2: rgba(23, 21, 26, .12);
  --ink-line: rgba(23, 21, 26, .3);
  --on-ink-strong: #17151A;
  --sidebar-ink: #242128;
  --sidebar-raised: #302C33;
  --sidebar-text: #D6CFCB;
}

/* The mark follows the palette (hand-written, not generated: it reads the tokens above).
   Plume (:root) and Lac night draw the icon's own colours; every other preset, Rose
   included now that Rose is a preset, puts the point in its accent as it reads on ink. */
:root[data-palette]:not([data-palette="ink"]) {
  --logo-fg: color-mix(in oklab, var(--accent-on-ink) 16%, #fff);
  --logo-dot: var(--accent-on-ink);
}
/* The sidebar's Ink skin draws the Plume variant of the mark (ODETTE-REBRAND.md §2):
   the square in the canvas's colour, the O in the ink, the point in the accent — a Lac
   square on the Lac panel would be a square nobody sees. Read off the palette, so
   Rose gets a blush square and Lac night keeps the icon itself. */
:root[data-sidebar="ink"] .side-logo {
  --logo-bg: var(--board);
  --logo-fg: var(--ink);
  --logo-dot: var(--accent);
}

/* ---- The site's paper (design/site, v5 "Paper", 27 Sep 2026 — HANDOFF-v5.md).
   The public site is not the app: it sits on paper #F3EEEB with an ink of
   #141414, a pink of #CA1959 on light and #E02F6F on black, hairlines at 12 %
   of the ink and cards with an inset hairline instead of a shadow. The site's
   shell stamps `data-site` on <html>, and this block re-points the app's names
   at the values the design's two passes (design/site/_ink_transform.js, then
   _paper_transform.js) give them — so every page the site already draws with
   `--ink`, `--muted` or `--shadow-card` turns over without a rule of its own.
   The `--site-*` names are what the paper adds and the app has no word for.
   Nothing under /app/ carries `data-site`. */
:root[data-site] {
  --ink: #17151A;
  --ink-2: #6B6462;
  --muted: #6B6462;
  --decor: #8A827F;
  --faint: #A39B98;
  --faint-2: #A39B98;
  --board: #F7F3F1;
  --paper: #FFFFFF;
  --frame: #FFFFFF;
  --accent: #6B1F2E;
  --accent-hover: #561723;
  --tint: rgba(107, 31, 46, .14);
  --data: #813B52;
  --data-fill: #D9A5B3;
  --data-bg: rgba(23, 21, 26, .06);
  --overdue: #B6483A;
  --watch-ink: #9A7328;
  --good: #557A4E;
  --hairline: rgba(23, 21, 26, .1);
  --hairline-side: rgba(23, 21, 26, .12);
  --dash: rgba(23, 21, 26, .18);
  --dash-strong: rgba(217, 165, 179, .9);
  --border: rgba(23, 21, 26, .18);
  --line: rgba(23, 21, 26, .12);
  --accent-on-ink: #D9A5B3;
  --on-ink: #A39B98;
  --on-ink-soft: #8A827F;
  --on-ink-strong: #F5F0EB;
  --ink-raised: rgba(245, 240, 235, .06);
  --ink-raised-2: rgba(245, 240, 235, .12);
  --ink-line: rgba(245, 240, 235, .14);
  --sidebar-ink: #17151A;
  --sidebar-raised: #242128;
  --sidebar-text: #B9AEB4;
  --sk-a: #E9E3DF;
  --sk-b: #F7F3F1;
  --shadow-card: inset 0 0 0 1px rgba(23, 21, 26, .12);
  --shadow-lift: 0 8px 22px rgba(23, 21, 26, .08);
  --shadow-frame: 0 16px 44px rgba(23, 21, 26, .07);
  --shadow-modal: 0 24px 60px rgba(23, 21, 26, .26);
  --focus: 2px solid var(--ink);

  --site-paper: #F5F0EB;          /* the page — Plume (Odette, 1 Oct 2026) */
  --site-raised: #F7F3F1;         /* a hover, a quiet panel inside a white card */
  --site-sunk: #E9E3DF;           /* the chosen row of a quiet panel */
  --site-rose: #F4E4E6;           /* a free tool's tile, under the pointer — the accent tint */
  --site-nav: rgba(245, 240, 235, .82);
  --site-line: rgba(23, 21, 26, .12);
  --site-line-2: rgba(23, 21, 26, .16);   /* an app screen's frame */
  --site-ink-line: rgba(245, 240, 235, .14);
  --site-ink-text: #D9D2CE;       /* body text on the ink band */
  --site-ink-link: #B9AEB4;       /* a footer link */
  --site-ink-ghost: rgba(245, 240, 235, .06);  /* the wordmark under the footer */
  --site-placeholder: #9A928F;
  /* A small label on ink is Poudre, like every accent on Lac (8.6:1). The
     name stays: the rules that read it are many. */
  --site-pink-label: #D9A5B3;
  --site-muted-on-tint: #625B59;
  --site-late-on-ink: #E07A6A;   /* a late status, on black (v5 invoices) */
  --site-good-on-ink: #8FB585;   /* a settled status, on black */
  --site-good-bar: #7A9A70;      /* the green of a dot or a bar, not of words */  /* the secondary grey, on the pink tint: 4.64:1 where #6B6462 reads 4.04 */
  --site-shadow-mega: 0 30px 80px rgba(23, 21, 26, .17), inset 0 0 0 1px rgba(23, 21, 26, .12);
  --site-shadow-tool: 0 30px 80px rgba(23, 21, 26, .10), inset 0 0 0 1px rgba(23, 21, 26, .12);
  --site-ink-soft: #3F383B;       /* body text in a white card (design/site v5) */
  --site-watch-text: #896624;     /* amber as text on white, 4.9 (the paper #9A7328 reads 4.32) */
  --site-dash-strong: rgba(23, 21, 26, .3); /* a casting's dashed outline on a city's year */
  --site-shadow-plan: 0 30px 70px rgba(0, 0, 0, .75);  /* the featured plan (design/site v5) */
  --site-shadow-bar: 0 18px 40px -18px rgba(23, 21, 26, .55);
  --site-shadow-accent: 0 10px 28px rgba(107, 31, 46, .28);   /* the pink button's glow (v5 product heroes) */
  --site-shadow-phone: 0 0 0 1px rgba(23, 21, 26, .12), 0 30px 70px -30px rgba(23, 21, 26, .35);
}
/* An app screen drawn on the site is the app, and keeps the app's colours
   (the design skips every framed screen in both passes). Plume, restated. */
:root[data-site] :is(.app-ui, .phone-shell, .phone-bezel) {
  --ink: #17151A;
  --ink-2: #5A5257;
  --muted: #6B6166;
  --decor: #8A8186;
  --faint: #B3AAA6;
  --board: #F5F0EB;
  --paper: #ffffff;
  --frame: #FBF8F5;
  --accent: #6B1F2E;             /* garnet, the app's own accent on its light cards */
  --tint: #F4E4E6;
  --data: #813B52;
  --data-fill: #D9A5B3;
  --data-bg: #F8EEF1;
  --overdue: #B6483A;
  --overdue-bg: #F9E8E4;
  --overdue-row: #FDF3F1;
  --watch: #C9A24A;
  --watch-ink: #9A7328;
  --watch-bg: #F6EFDC;
  --good: #557A4E;
  --hairline: #EFE8E2;
  --hairline-side: #E6DDD6;
  --dash-strong: #D9A5B3;
  --border: #E6DDD6;
  --line: #E6DDD6;
  --on-ink: #B3AAA6;
  --on-ink-soft: #8A8186;
  --on-ink-strong: #ffffff;
  --sidebar-ink: #17151A;
  --sidebar-raised: #242128;
  --sidebar-text: #D6CFCB;
  --shadow-card: 0 1px 3px rgba(23, 21, 26, .05);
  /* what the design's screens draw and the app has no token for */
  --au-cast: #D9A5B3;           /* a casting's dashed edge */
  --au-late-track: #F3D5D0;     /* the track under a late payment's bar */
  --au-good-bar: #7A9A70;       /* a payment early in its window */
  --au-owe-on-ink: #D9A5B3;     /* what she owes, on an ink card */
  --au-stripe-a: #E9DDE2;       /* a photo not yet loaded, striped */
  --au-stripe-b: #F3E8EC;
  --au-held: #F6EEF1;           /* a day an agency holds, hatched */
  --au-shadow-ink: rgba(23, 21, 26, .8);
  --au-line-on-ink: rgba(255, 255, 255, .25);
}