/* @manywe/chat-cards — token bundle */
/* ManyWe — color tokens (theme-agnostic raw scale) */
:root {
  /* Brand */
  --mw-brand-green:        #4CAF50;
  --mw-brand-green-600:    #43a046;
  --mw-brand-green-700:    #3d8b40;
  --mw-brand-green-300:    #81c784;
  --mw-brand-green-100:    #e8f5e9;
  --mw-brand-teal:         #26A69A;
  --mw-sky-blue:           #4A9BD9;
  --mw-sea-green:          #6BC5B8;
  --mw-gradient-hero:      linear-gradient(135deg, #4A9BD9, #6BC5B8);
  --mw-gradient-tile:      linear-gradient(180deg, #52b855 0%, #43a046 100%);
  --mw-gradient-tile-warn: linear-gradient(180deg, #f1c242 0%, #e6a817 100%);

  /* Status */
  --mw-status-success: #4CAF50;
  --mw-status-warn:    #e6a817;
  --mw-status-soon:    #e67e22;
  --mw-status-danger:  #dc2626;

  /* Neutrals — single scale, light/dark map to it */
  --mw-ink-900: #0f1a16;
  --mw-ink-700: #1a2e28;
  --mw-ink-500: #5d6e66;
  --mw-ink-300: #8fa69b;
  --mw-line:    #d4e0dc;
  --mw-line-soft: #e6ede9;
  --mw-surface-50:  #f7faf9;
  --mw-surface-100: #eef5f3;
  --mw-surface-0:   #ffffff;
  --mw-surface-dark-0:   #162620;
  --mw-surface-dark-1:   #1d3028;
  --mw-surface-dark-bg:  #0f1a16;
}

/* ManyWe — light theme aliases. Apply to :root or [data-theme="light"]. */
:root, [data-theme="light"] {
  --mw-bg:           var(--mw-surface-50);
  --mw-surface:      var(--mw-surface-0);
  --mw-surface-2:    var(--mw-surface-100);
  --mw-text:         var(--mw-ink-700);
  --mw-text-muted:   var(--mw-ink-500);
  --mw-border:       var(--mw-line);
  --mw-border-soft:  var(--mw-line-soft);

  --mw-bubble-user:    var(--mw-surface-100);
  --mw-bubble-host:    var(--mw-surface-0);
  --mw-bubble-system:  #fff8e6;
  --mw-bubble-system-ink:    #8a5a00;
  --mw-bubble-system-border: #f1d88a;

  --mw-shadow-sm: 0 2px 8px rgba(26,46,40,.06);
  --mw-shadow-md: 0 8px 24px rgba(26,46,40,.08);
  --mw-shadow-lg: 0 20px 48px rgba(26,46,40,.12);
}

/* ManyWe — dark theme aliases. Apply to [data-theme="dark"]. */
[data-theme="dark"] {
  --mw-bg:          var(--mw-surface-dark-bg);
  --mw-surface:     var(--mw-surface-dark-0);
  --mw-surface-2:   var(--mw-surface-dark-1);
  --mw-text:        #e8f1ec;
  --mw-text-muted:  var(--mw-ink-300);
  --mw-border:      #24372e;
  --mw-border-soft: #1a2a22;

  --mw-bubble-user:   var(--mw-surface-dark-1);
  --mw-bubble-host:   var(--mw-surface-dark-0);
  --mw-bubble-system: #2a2212;
  --mw-bubble-system-ink:    #f1c242;
  --mw-bubble-system-border: #55421a;

  --mw-shadow-sm: 0 2px 8px rgba(0,0,0,.30);
  --mw-shadow-md: 0 8px 24px rgba(0,0,0,.40);
  --mw-shadow-lg: 0 20px 48px rgba(0,0,0,.50);
}

/* ManyWe — spacing, radius, icon-tile sizing tokens */
:root {
  --mw-space-1: 4px;
  --mw-space-2: 8px;
  --mw-space-3: 12px;
  --mw-space-4: 16px;
  --mw-space-5: 20px;
  --mw-space-6: 24px;
  --mw-space-8: 32px;

  --mw-radius-sm:   8px;
  --mw-radius-md:  12px;
  --mw-radius-lg:  16px;
  --mw-radius-xl:  24px;
  --mw-radius-pill: 9999px;

  /* Squircle icon tile — primary brand artifact */
  --mw-tile-size:   46px;
  --mw-tile-radius: 11px;       /* size * 0.24 */
  --mw-tile-glyph:  25px;       /* size * 0.55 */
  --mw-tile-shadow:        0 2px 6px rgba(76,175,80,.28), inset 0 1px 0 rgba(255,255,255,.18);
  --mw-tile-shadow-warn:   0 2px 6px rgba(230,168,23,.32), inset 0 1px 0 rgba(255,255,255,.25);

  /* Card paddings */
  --mw-card-pad:    16px;
  --mw-card-pad-lg: 20px;
  --mw-card-gap:    12px;
}

/* ManyWe — typography tokens */
:root {
  --mw-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                  "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
                  "Microsoft YaHei", sans-serif;
  --mw-font-mono: "SFMono-Regular", "JetBrains Mono", "IBM Plex Mono",
                  "Cascadia Code", Menlo, monospace;

  --mw-fs-xs:   12px;
  --mw-fs-sm:   13px;
  --mw-fs-base: 14.5px;
  --mw-fs-md:   15px;
  --mw-fs-lg:   17px;
  --mw-fs-xl:   20px;
  --mw-fs-2xl:  24px;

  --mw-lh-tight:  1.25;
  --mw-lh-normal: 1.55;
  --mw-lh-loose:  1.7;

  --mw-fw-regular:  400;
  --mw-fw-medium:   500;
  --mw-fw-semibold: 600;
  --mw-fw-bold:     700;
}