/* ============================================================
   GINEXYS — Modal CSS variables (extracted from portfolio.css)
   ============================================================
   ginexys-modals.css references 20 CSS custom properties that
   live in portfolio.css. Tools that don't load portfolio.css
   (e.g. pdf-processor — its src/styles.css has its own design
   tokens) load this file instead so the modal renders correctly
   without pulling in 48KB of unrelated portfolio styling.

   Loaded by tools/pdf-processor, tools/table-formatter (TAFNE),
   and tools/schema-editor. TAFNE and Schema also load the full
   portfolio.css for header/logo chrome, but its `../../assets/`
   relative path doesn't resolve inside the VS Code webview's
   bundled media/ folder, so the tokens file is the modal's only
   guaranteed source of truth in that environment.

   Keep in sync with portfolio.css :root + [data-theme="light"].
   Any var added to a modal selector must be added here too.
   ============================================================ */

:root {
  --surface-raised:        #1b2835;
  --surface-overlay:       #192230;
  --surface-sunken:        #0a1121;

  --border-default:        #1e3348;
  --border-strong:         #2a4860;

  --text-primary:          #d8eaf8;
  --text-secondary:        #6a90b0;
  --text-tertiary:         #2a3e50;
  --text-inverse:          #070c12;

  --gold-base:             #00b4d8;
  --gold-bright:           #4dcce8;

  --semantic-success-text: #2db87a;
  --semantic-danger:       #4a1010;
  --semantic-danger-text:  #e05858;

  --font-display:          "Bebas Neue", sans-serif;
  --font-body:             "DM Mono", monospace;

  --transition-fast:       150ms cubic-bezier(0.4, 0, 0.2, 1);

  --radius-sm:             3px;
  --radius-md:             6px;
  --radius-lg:             10px;
}

[data-theme="light"] {
  --surface-raised:  #f2f8ff;
  --surface-overlay: #ffffff;
  --surface-sunken:  #d0e2f2;

  --border-default:  #42586c;
  --border-strong:   #324d68;

  --text-primary:    #081825;
  --text-secondary:  #1e4060;
  --text-tertiary:   #4a7898;
  --text-inverse:    #ddeaf8;

  --gold-base:       #0088aa;
  --gold-bright:     #006888;
}