/* ============================================================
   OBNEY DS — runtime tokens for Grain / Tailwind-v4 apps.
   Single source of truth for a Grain app's palette. Import this,
   then bridge to Tailwind utilities in main.css (@theme).
   Values are the canonical Obney DS (see ../../colors_and_type.css);
   names are the semantic set a product app actually references.
   ============================================================ */
:root {
  /* ---------- surfaces ---------- */
  --bg:            #F4F7F8; /* app ground (midnight-50, cool light). Marketing pages override to cream #F5F1EA */
  --surface:       #FFFFFF; /* cards / raised */
  --surface-muted: #F4F7F8; /* sunken / alt rows */
  --surface-inverse:#142C37;/* the signature dark surface */

  /* ---------- text ---------- */
  --fg:            #142C37; /* primary (midnight-800) */
  --fg-2:          #2E5364; /* secondary */
  --fg-3:          #6B8A98; /* tertiary / captions */
  --fg-on-dark:    #FFFFFF;
  --link:          #1D9CA1; /* ocean-700 */

  /* ---------- brand + accent ---------- */
  --midnight:      #142C37;
  --ocean:         #68E4E9;
  --accent:        #68E4E9; /* ocean — primary accent; text on it = midnight */
  --accent-strong: #2DBCC2; /* ocean-600 — hover/press, focus ring */

  /* accents — use ONE at a time, never stacked */
  --green:         #95FFA6;
  --orange:        #FFC2A7;
  --pink:          #F5B0FF;
  --yellow:        #F1FF73;

  /* ---------- lines + status ---------- */
  --hairline:        #E6ECEF; /* midnight-100 */
  --hairline-strong: #C8D4DA; /* midnight-200 */
  --focus:           #2DBCC2;
  --success:         #4FCC65;
  --warning:         #E8A03A;
  --danger:          #D9534F;
}