/* =====================================================================
   theme.css — light theme (Flexoki).
   Overrides the neutral base tones (paper / ink) and switches the accent
   palette to the -600 variants (better contrast on the light paper).
   Everything chromatic-looking (callouts, node dots, syntax) is defined
   from these tokens in base.css, so it follows the theme automatically.
   ===================================================================== */

[data-theme="light"] {
  color-scheme: light;

  --bg:            #ffffff;
  --bg-elev:       #f6f6f6;
  --bg-elev-2:     #ededed;
  --fg:            #161616;
  --fg-muted:      #5f5f5f;
  --fg-faint:      #b0b0b0;
  --border:        #e7e7e7;
  --border-strong: #d4d4d4;

  /* Flexoki accents — light uses the 600 variants. */
  --red:     #AF3029;
  --orange:  #BC5215;
  --yellow:  #AD8301;
  --green:   #66800B;
  --cyan:    #24837B;
  --blue:    #205EA6;
  --purple:  #5E409D;
  --magenta: #A02F6F;

  --graph-bg:      transparent;

  --code-bg:       #f6f6f6;
  --code-border:   #e7e7e7;

  --nav-bg:        rgba(255, 255, 255, .55);
  --grid-dot:      rgba(0, 0, 0, .09);
}