/**
 * AFINARA Design Foundation — Flow Engineering Neutral Tokens
 * 
 * Strict Invariants:
 * - NO BLUE: Blue accents, blue surface tints, blue links, blue focus rings are eliminated.
 * - Surfaces: White and very light neutral grey surfaces.
 * - Text: Charcoal primary ink and readable grey secondary ink.
 * - Focus: Clearly visible neutral keyboard focus indicator (2px solid #222522).
 * - Silence implies active readiness: no decorative green badges.
 */

:root, [data-theme="light"] {
  /* Surfaces */
  --hub-bg-page:        #fafafa;
  --hub-bg-surface:     #ffffff;
  --hub-bg-subtle:      #f5f5f5;
  --hub-bg-hover:       #f0f0f0;
  --hub-bg-selected:    #292929;
  --hub-bg-selected-subtle: #ebebeb;

  /* Borders & Dividers */
  --hub-line:           #e2e2e2;
  --hub-line-subtle:    #eeeeee;
  --hub-line-strong:    #b0b0b0;

  /* Typography / Inks */
  --hub-ink-primary:    #292929;
  --hub-ink-secondary:  #626262;
  --hub-ink-muted:      #767676;
  --hub-ink-inverse:    #ffffff;

  /* Action & Focus */
  --hub-action-bg:      #292929;
  --hub-action-text:    #ffffff;
  --hub-action-hover:   #000000;
  --hub-focus-ring:     #292929;

  /* Restrained Operational Status Tags */
  --hub-tag-pilot-bg:   #f7f5f0;
  --hub-tag-pilot-line: #dfdad0;
  --hub-tag-pilot-text: #5c5244;

  --hub-tag-preview-bg: #f7f5f0;
  --hub-tag-preview-line:#dfdad0;
  --hub-tag-preview-text:#5c5244;

  --hub-tag-maint-bg:   #f4f4f4;
  --hub-tag-maint-line: #d8d8d8;
  --hub-tag-maint-text: #555555;

  /* Typography */
  --hub-font-display:   Optima, 'Cormorant Garamond', 'Palatino Linotype', serif;
  --hub-font-ui:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Geometry & Elevation */
  --hub-radius-sm:      4px;
  --hub-radius-md:      6px;
  --hub-radius-lg:      8px;
  --hub-shadow-sm:      0 1px 2px rgba(0, 0, 0, 0.04);
  --hub-shadow-md:      0 4px 12px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] {
  /* Dark Surfaces */
  --hub-bg-page:        #171717;
  --hub-bg-surface:     #202020;
  --hub-bg-subtle:      #272727;
  --hub-bg-hover:       #303030;
  --hub-bg-selected:    #f1f1f1;
  --hub-bg-selected-subtle: #303030;

  /* Dark Borders */
  --hub-line:           #383838;
  --hub-line-subtle:    #2b2b2b;
  --hub-line-strong:    #595959;

  /* Dark Typography */
  --hub-ink-primary:    #f1f1f1;
  --hub-ink-secondary:  #adadad;
  --hub-ink-muted:      #909090;
  --hub-ink-inverse:    #171717;

  /* Dark Action & Focus */
  --hub-action-bg:      #f1f1f1;
  --hub-action-text:    #171717;
  --hub-action-hover:   #ffffff;
  --hub-focus-ring:     #f1f1f1;

  /* Dark Status Tags */
  --hub-tag-pilot-bg:   #2a2620;
  --hub-tag-pilot-line: #4a4235;
  --hub-tag-pilot-text: #d4c8b6;

  --hub-tag-preview-bg: #2a2620;
  --hub-tag-preview-line:#4a4235;
  --hub-tag-preview-text:#d4c8b6;

  --hub-tag-maint-bg:   #282828;
  --hub-tag-maint-line: #424242;
  --hub-tag-maint-text: #b0b0b0;

  --hub-shadow-sm:      0 1px 2px rgba(0, 0, 0, 0.3);
  --hub-shadow-md:      0 4px 12px rgba(0, 0, 0, 0.5);
}