:root {

/* =========================
   GLOBAL COLOR TOKENS \\ SHARED BY ALL PRODUCTS (DO NOT DUPLICATE INTO PRODUCT FOLDERS)
   Initial move: 5/7/2026 (Big win)
   *****!!! Local tokens live in product repos !!!*****
========================= */

    /* Primary Brand Colors */
    --color-primary: #000;  /* Core brand / text */
    --color-secondary: #d9d9d9;  /* Neutral surfaces, dividers */
    --color-accent:  #FA4D7E;  /* Emphasis / highlights */

    /* Interaction */
    --color-focus:  #dd3353;  /* Focus rings, active states */
    --color-control: #23CDCD;  /* Controls, affordances */
    --color-disabled: #A7A7A7;

    /* Frame + surfaces */
    --color-frame: var(--color-primary);
    --color-case-study-frame: #313131;
    --color-surface: #fff;
    --color-surface-muted: #E7DBDD;
    --color-divider: #D9D9D9;

    /* Text */
    --color-text: #111;
    --color-text-contrast: #fff;
    --color-text-muted: #C3C3C3;

    /* icons */
    --color-icon: #565656;
}

/******** TO DO *********/
/* Reason about body background color tokens (AW 5/8/26) */