/* Mahoro Portal — shared design tokens
 * Single source of truth for the site's design system.
 * Loaded before per-page <style> blocks so inline overrides can win.
 *
 * Used by: index.html, feeds/, signals/, ask/, dashboard/
 * Not used by: research.html (has its own design system)
 *
 * Adding a new theme later = a new file like _theme-dark.css that
 * defines :root[data-theme="dark"] {} with same token names + dark values.
 */

:root {
  /* ── Base surfaces & text ── */
  --bg: #FBF8F7;
  --bg-tint: linear-gradient(180deg, #FEF4F7 0%, #FBF8F7 40%, #F8F5FB 100%);
  --card: #FFFFFF;
  --line: rgba(60, 60, 67, 0.10);
  --ink:  #17151C;
  --ink2: #4A4551;
  --ink3: #8A8392;
  --ink4: #B5AFBA;

  /* ── Brand (粉紫) ── */
  --brand:      #E8379A;
  --brand-soft: #FCE4EF;
  --brand-ink:  #B01F76;
  --violet:      #7C5CFF;
  --violet-soft: #EFEAFF;

  /* ── Category tags (kb / signals 用) ── */
  --cat-process-tag: #B08900;   --cat-process-soft: #FFF6DC;   --cat-process-rule: #E8B800;
  --cat-evidence-tag: #9D6B2A;  --cat-evidence-soft: #FBEBD3;  --cat-evidence-rule: #D99B4A;
  --cat-insight-tag: #2F7D6B;   --cat-insight-soft: #DCF2EC;   --cat-insight-rule: #4FB29A;
  --cat-mechanism-tag: #C44D82; --cat-mechanism-soft: #FCE2EC; --cat-mechanism-rule: #E67AA7;
  --cat-principle-tag: #5B57A6; --cat-principle-soft: #E6E4F7; --cat-principle-rule: #8781D1;
  --cat-concept-tag: #1F6E94;   --cat-concept-soft: #DEEEF7;   --cat-concept-rule: #5AA3C8;

  /* ── Surfaces (cards, overlays, hover) ── */
  --surface:       #FFFFFF;             /* primary card / panel background */
  --surface-2:     #FAFAFB;              /* very subtle off-white (table headers) */
  --surface-soft:  rgba(23,21,28,0.02);  /* faintest tint (section bg) */
  --surface-tint:  rgba(23,21,28,0.03);  /* light tint (code block bg) */
  --surface-hover: rgba(23,21,28,0.04);  /* hover state for inks/buttons */

  /* ── Brand & violet rings / glows ── */
  --brand-ring:    rgba(232,55,154,0.25);  /* brand-color thin border */
  --brand-glow:    rgba(232,55,154,0.18);  /* radial-gradient glow */
  --brand-light:   #FF6BB8;                /* gradient end-stop */
  --violet-ring:   rgba(124,92,255,0.25);  /* violet thin border */
  --violet-shadow: rgba(124,92,255,0.32);  /* CTA elevated shadow */

  /* ── Semantic ── */
  --ink-on-accent: #FFFFFF;              /* text color on brand/violet bg */
  --link-blue:     #2563eb;              /* external link / focus ring */

  /* ── Elevation / shadows ── */
  --shadow-card:  0 1px 2px rgba(23,21,28,0.04), 0 8px 24px rgba(23,21,28,0.05);
  --shadow-float: 0 1px 2px rgba(23,21,28,0.06), 0 18px 40px rgba(23,21,28,0.10);
  --shadow-pop:   0 2px 4px rgba(23,21,28,0.06), 0 24px 60px rgba(23,21,28,0.14);

  /* ── Typography ── */
  --font-sans:  'Inter', -apple-system, 'SF Pro Text', 'PingFang SC', 'Noto Sans SC', system-ui, sans-serif;
  --font-serif: 'Newsreader', 'Iowan Old Style', 'Songti SC', Georgia, serif;
  --font-mono:  'SF Mono', ui-monospace, Menlo, monospace;
}