/* AlwaysMyCare's identity — TOKENS ONLY (draft for the Owner and the site thread).
 *
 * Scoped to .theme-alwaysmycare, never :root — the same rule as .theme-simple and
 * .theme-markup. On the product's own site (alwaysmycare.app) the class sits on
 * <body>; on got2.app, later, it sits on the product's band alone.
 *
 * Every value below is MEASURED (WCAG 2.x relative luminance, 2026-09-22) against
 * the shared shell tokens the intake names — canvas #F6F5F1 / paper #FFFFFF /
 * muted #68717C / ink #222630 light; canvas #111418 / paper #191D22 / muted
 * #A5ADB7 / ink #F7FAFC dark — and the ratio is in the comment beside each value.
 * The colours are the brand's own (docs/brand/alwaysmycare/ALWAYSMYCARE_BRAND_SYSTEM.md
 * §5, Deep Atlantic) and the app's tokens (ios/AlwaysMyCareUI/…/Foundations.swift).
 * Two of the brand's colours do NOT clear the site's gates in their roles and are
 * replaced here for the site only; both are flagged in the README's open questions.
 */

.theme-alwaysmycare {
  /* Deep Atlantic #244F73 — the brand's primary action colour (Foundations.swift
     atlanticPrimary). White on it 8.60:1 (fill text, ≥4.5). As a link: on canvas
     7.89:1, on paper 8.60:1, on the band below 7.85:1 (≥4.5). */
  --accent:       #244F73;
  --accent-hover: #173A57;   /* Atlantic Dark (atlanticDark). White on it 11.80:1 */
  /* The brand's Atlantic Outline #91AABD is 2.22:1 on canvas — it fails the 3:1 UI
     threshold as a ring, exactly as the app's own rule says it never carries meaning
     (brand §5, 2026-09-11). The ring here is a darker Atlantic tone: */
  --accent-ring:  #6F8DA6;   /* on canvas 3.19:1, on the band 3.11:1 (≥3:1) */
  /* The brand's Atlantic Pale #E7EEF3 is 4.23:1 against --muted — it fails the band
     gate (≥4.5), so the band is lighter: #F1F5F8 (4.52:1 vs --muted, 13.80:1 vs
     --ink). It is the same cool family as Simple .md's #F2F5F8; the Owner ruled
     (2026-09-23) that AlwaysMyCare keeps this and Simple .md's tint changes on
     got2.app instead, before the apps are live. */
  --band:         #F1F5F8;   /* vs --muted 4.52:1 · vs --ink 13.80:1 · accent link on it 7.85:1 */
  --band-line:    #DDE1E5;   /* shared hairline, same as the other themes */
  --btn-border:   #B9CCDA;   /* secondary-button outline; a border, exempt from 4.5 */
  --on-accent:    #FFFFFF;
}

@media (prefers-color-scheme: dark) {
  .theme-alwaysmycare {
    /* The inversion the other themes use: a light fill with dark ink on it. The
       brand's dark appearance (§5) uses Atlantic Pale as the quiet supporting tone
       and clean white for text, so the fill is Atlantic Pale with the shell's ink. */
    --accent:       #E7EEF3;   /* dark ink #111418 on it 15.76:1; as a link on dark canvas 14.5:1 */
    --accent-hover: #F7FAFC;   /* Clean White; ink on it 17.62:1 */
    --accent-ring:  #91AABD;   /* Atlantic Outline reads as a ring here: on dark canvas 7.64:1, on the band 6.52:1 (≥3:1) */
    --band:         #172431;   /* an Atlantic Dark ground: vs --muted 6.95:1 · vs --ink 15.03:1 · link #91AABD on it 6.52:1 */
    --band-line:    #30363D;   /* shared dark hairline */
    --btn-border:   #3C4F62;   /* dark analog of the light outline */
    --on-accent:    #111418;
  }
}