/* kpiee — design tokens
 * Brand: indigo-violet location-pin logo (#6D5EF8), charcoal wordmark.
 * Reverse-engineered from the official kpiee service deck.
 */
:root {
  /* Brand */
  --brand: #6d5ef8;
  --brand-600: #5b47f0;
  --brand-700: #4934d6;
  --brand-soft: #eeecff;
  --brand-grad: linear-gradient(135deg, #8f7dff 0%, #6d5ef8 45%, #5138e0 100%);

  /* Ink / text */
  --ink: #1f2430;        /* primary text (near-charcoal navy) */
  --ink-2: #475068;      /* secondary */
  --ink-3: #7c8598;      /* muted */
  --ink-4: #aab2c2;      /* faint */

  /* Surfaces */
  --bg: #f4f6f9;         /* app background */
  --surface: #ffffff;    /* cards */
  --surface-2: #f7f9fc;  /* subtle panels */
  --surface-3: #eef2f7;  /* inset */
  --line: #e6eaf1;       /* borders */
  --line-2: #d8deea;     /* stronger border */

  /* Semantic (data) */
  --pos: #17b890;        /* positive / 達成 */
  --pos-soft: #e2f7f0;
  --neg: #ef4d56;        /* negative / 未達 / over-budget */
  --neg-soft: #fde8e9;
  --warn: #f5a623;
  --warn-soft: #fef2dd;
  --info: #3b76e8;       /* charts blue */
  --info-soft: #e6eefc;

  /* Chart series palette (自社=brand, 競合=info/teal/violet…) */
  --c1: #6d5ef8; /* 自社 / primary */
  --c2: #3b76e8; /* A社 / blue */
  --c3: #17b890; /* B社 / teal-green */
  --c4: #8b5cf6; /* violet */
  --c5: #f5a623; /* amber */
  --c6: #64748b; /* slate */
  --c7: #ec6090; /* pink */
  --c8: #22b8cf; /* cyan */

  /* Radius */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* Shadow */
  --sh-1: 0 1px 2px rgba(31,36,48,.06), 0 1px 3px rgba(31,36,48,.04);
  --sh-2: 0 2px 8px rgba(31,36,48,.06), 0 6px 24px rgba(31,36,48,.06);
  --sh-3: 0 10px 40px rgba(31,36,48,.12);
  --sh-brand: 0 8px 24px rgba(109,94,248,.28);

  /* Layout */
  --sidebar-w: 240px;
  --sidebar-w-collapsed: 72px;
  --topbar-h: 60px;

  /* Type */
  --font: "Inter", "Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --font-round: "M PLUS Rounded 1c", var(--font);
  --num: "Inter", "Roboto Mono", ui-monospace, var(--font);

  /* Motion */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}

:root[data-theme="dark"] {
  --ink: #eef2f8; --ink-2: #c2cbdb; --ink-3: #8b95a9; --ink-4: #5e6880;
  --bg: #0f131c; --surface: #161b27; --surface-2: #1b212f; --surface-3: #222a3a;
  --line: #283143; --line-2: #344056;
  --info-soft: #1b2740; --pos-soft: #11302a; --neg-soft: #3a1f24; --warn-soft: #3a2f18; --brand-soft: #241f4a;
  --sh-1: 0 1px 2px rgba(0,0,0,.4); --sh-2: 0 6px 24px rgba(0,0,0,.4); --sh-3: 0 16px 48px rgba(0,0,0,.55);
}