/* NoHarm Design System v1 — CSS Tokens */

/* ── Light mode (default) ──────────────────────────────────────── */
:root {
  /* Brand */
  --nh-navy:     #2e3c5a;
  --nh-teal:     #70bdc3;
  --nh-sage:     #7ebe9a;
  --nh-grad-from: #10bcd7;
  --nh-grad-to:   #57bf95;

  /* Neutrals */
  --nh-text:  #696766;
  --nh-muted: #898685;
  --nh-edge:  #e0e0e0;
  --nh-line:  #f0f0f0;
  --nh-fill:  #fafafa;
  --nh-paper: #ffffff;
  --nh-bg:    #f5f5f5;

  /* Status */
  --nh-success:    #52c41a;
  --nh-success-bg: #f6ffed;
  --nh-error:      #f5222d;
  --nh-error-bg:   #fff2f0;
  --nh-warning:    #faad14;
  --nh-warning-bg: #fffbe6;
  --nh-info:       #1677ff;
  --nh-info-bg:    #e6f4ff;
  --nh-info-edge:  #91caff;

  /* ── Semantic (used throughout UI) ─────────────────────────────── */
  --bg-page:          var(--nh-bg);
  --bg-card:          var(--nh-paper);
  --bg-input:         var(--nh-paper);
  --bg-user-bubble:   var(--nh-navy);
  --bg-ai-bubble:     var(--nh-paper);
  --bg-header:        var(--nh-paper);
  --bg-sidebar:       var(--nh-paper);
  --bg-code:          var(--nh-fill);
  --bg-table-head:    var(--nh-navy);
  --bg-table-stripe:  var(--nh-fill);
  --bg-export-chip:   rgba(112, 189, 195, 0.12);

  --text-primary:   var(--nh-navy);
  --text-body:      var(--nh-text);
  --text-muted:     var(--nh-muted);
  --text-on-dark:   #ffffff;
  --text-code:      #1a1a2e;

  --border:         var(--nh-edge);
  --border-input:   #d9d9d9;
  --border-focus:   var(--nh-teal);

  --accent:         var(--nh-teal);
  --accent-hover:   #5dadb3;

  --shadow-card:  0 -1px 7px rgba(0, 0, 0, 0.16);
  --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.10);

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   10px;
  --radius-pill: 999px;

  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-mono:   ui-monospace, "Cascadia Code", "Menlo", "Monaco",
    "Consolas", monospace;
}

/* ── Dark mode ─────────────────────────────────────────────────── */
[data-theme="dark"] {
  --bg-page:         #151d2e;
  --bg-card:         #1e293b;
  --bg-input:        #1a2438;
  --bg-user-bubble:  #243450;
  --bg-ai-bubble:    #1e293b;
  --bg-header:       #1a2236;
  --bg-sidebar:      #1a2236;
  --bg-code:         #141e2f;
  --bg-table-head:   #243450;
  --bg-table-stripe: #1a2438;
  --bg-export-chip:  rgba(112, 189, 195, 0.18);

  --text-primary:  #e2e8f0;
  --text-body:     #b8c4d4;
  --text-muted:    #7a8ba3;
  --text-on-dark:  #e2e8f0;
  --text-code:     #c9d1e0;

  --border:        #2d3f58;
  --border-input:  #3a4a65;
  --border-focus:  var(--nh-teal);

  --accent:        #70bdc3;
  --accent-hover:  #8ccdd3;

  --shadow-card:  0 -1px 7px rgba(0, 0, 0, 0.35);
  --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.30);
}