Delete fonts.css

fonts.css

@@ -1,148 +0,0 @@
-/* ============================================================
-   COLOR — Chan Compass · Spectrum 2
-   Two layers:
-     1. PRIMITIVES  — the raw Spectrum 2 scales (--s2-gray-100, --s2-blue-900…)
-     2. SEMANTICS   — purpose-named aliases the UI references (--text-body,
-                      --surface-card, --accent…)
-   Always consume semantics in components; reach for a primitive only
-   when no semantic fits. Light theme is the default; .s2-dark flips the
-   semantic layer (primitives are not re-pointed here for simplicity).
-   ============================================================ */
-
-:root {
-  /* ---- Gray (light) ---- */
-  --s2-gray-25:  #ffffff;
-  --s2-gray-50:  #f8f8f8;
-  --s2-gray-75:  #f3f3f3;
-  --s2-gray-100: #e6e6e6;
-  --s2-gray-200: #d5d5d5;
-  --s2-gray-300: #b1b1b1;
-  --s2-gray-400: #909090;
-  --s2-gray-500: #6d6d6d;
-  --s2-gray-600: #464646;
-  --s2-gray-700: #292929;
-  --s2-gray-800: #1b1b1b;
-  --s2-gray-900: #000000;
-
-  /* ---- Blue (accent family) ---- */
-  --s2-blue-100:  #e0f2ff;
-  --s2-blue-200:  #cae8ff;
-  --s2-blue-300:  #98cbfe;
-  --s2-blue-400:  #6fb7fb;
-  --s2-blue-500:  #4ba0ec;
-  --s2-blue-600:  #2c84e0;
-  --s2-blue-700:  #1473e6;
-  --s2-blue-800:  #0a6fd6;
-  --s2-blue-900:  #0265dc;   /* accent default */
-  --s2-blue-1000: #0054b6;   /* accent hover   */
-  --s2-blue-1100: #00418f;   /* accent down    */
-
-  /* ---- Green (positive) ---- */
-  --s2-green-100:  #ebf9ee;
-  --s2-green-400:  #6cc788;
-  --s2-green-700:  #15924a;
-  --s2-green-900:  #007a39;  /* positive default */
-  --s2-green-1000: #006d31;
-  --s2-green-1100: #00601f;
-
-  /* ---- Red (negative) ---- */
-  --s2-red-100:  #ffefef;
-  --s2-red-400:  #ff9b88;
-  --s2-red-700:  #e34850;
-  --s2-red-900:  #d7373f;    /* negative default */
-  --s2-red-1000: #c0272d;
-  --s2-red-1100: #a01a1f;
-
-  /* ---- Orange (notice) ---- */
-  --s2-orange-100:  #fdf0e1;
-  --s2-orange-400:  #f8af5a;
-  --s2-orange-700:  #cb6f10;
-  --s2-orange-900:  #b25309;  /* notice default */
-  --s2-orange-1000: #99490b;
-
-  /* ---- Indigo (informative accent / charts) ---- */
-  --s2-indigo-700: #5258e4;
-  --s2-indigo-900: #3d43d0;
-
-  /* ---- Purple (decorative / hero gradient stop) ---- */
-  --s2-purple-700: #8c42d6;
-  --s2-purple-900: #7326d3;
-
-  /* ============================================================
-     SEMANTIC ALIASES — what components actually reference
-     ============================================================ */
-
-  /* Surfaces & framing (Spectrum 2 background layering) */
-  --canvas:          var(--s2-gray-50);   /* app background        */
-  --surface-card:    var(--s2-gray-25);   /* cards, panels         */
-  --surface-elevated:var(--s2-gray-25);   /* popovers, menus       */
-  --surface-subtle:  var(--s2-gray-75);   /* table head, wells     */
-  --surface-sunken:  var(--s2-gray-75);   /* inset fields          */
-
-  /* Text */
-  --text-heading:    var(--s2-gray-800);
-  --text-body:       var(--s2-gray-700);
-  --text-secondary:  var(--s2-gray-600);
-  --text-muted:      var(--s2-gray-500);
-  --text-disabled:   var(--s2-gray-400);
-  --text-on-accent:  #ffffff;
-
-  /* Borders & dividers */
-  --border-hairline: var(--s2-gray-100);
-  --border-default:  var(--s2-gray-200);
-  --border-strong:   var(--s2-gray-300);
-  --border-field:    var(--s2-gray-300);
-
-  /* Accent (Spectrum blue) */
-  --accent:          var(--s2-blue-900);
-  --accent-hover:    var(--s2-blue-1000);
-  --accent-down:     var(--s2-blue-1100);
-  --accent-subtle:   var(--s2-blue-100);
-  --accent-text:     var(--s2-blue-1000);
-
-  /* Semantic status */
-  --positive:        var(--s2-green-900);
-  --positive-hover:  var(--s2-green-1000);
-  --positive-subtle: var(--s2-green-100);
-  --negative:        var(--s2-red-900);
-  --negative-hover:  var(--s2-red-1000);
-  --negative-subtle: var(--s2-red-100);
-  --notice:          var(--s2-orange-900);
-  --notice-subtle:   var(--s2-orange-100);
-  --informative:     var(--s2-blue-900);
-  --informative-subtle: var(--s2-blue-100);
-
-  /* Focus ring */
-  --focus-ring:      var(--s2-blue-900);
-
-  /* Market direction (this product's domain colors) */
-  --up:              var(--s2-green-900);   /* gains / BUY  */
-  --down:            var(--s2-red-900);     /* losses / SELL */
-  --flat:            var(--s2-gray-500);    /* HOLD / WAIT  */
-}
-
-/* ---- Dark theme: flip the semantic layer only ---- */
-.s2-dark {
-  --canvas:          #1d1d1d;
-  --surface-card:    #262626;
-  --surface-elevated:#2c2c2c;
-  --surface-subtle:  #222222;
-  --surface-sunken:  #1a1a1a;
-
-  --text-heading:    #f2f2f2;
-  --text-body:       #e0e0e0;
-  --text-secondary:  #b8b8b8;
-  --text-muted:      #8f8f8f;
-  --text-disabled:   #6a6a6a;
-
-  --border-hairline: #383838;
-  --border-default:  #4a4a4a;
-  --border-strong:   #5e5e5e;
-  --border-field:    #5e5e5e;
-
-  --accent:          #2680eb;
-  --accent-hover:    #4ba0ec;
-  --accent-down:     #6fb7fb;
-  --accent-subtle:   #1a3a5c;
-  --accent-text:     #6fb7fb;
-}