/**
 * Flowee ICON SYSTEM — Design Tokens (Source of Truth)
 * Measured from Icon System sheet · do not redesign ad-hoc
 */
:root {
  /* Brand */
  --ico-primary: #5B5CEB;
  --ico-secondary: #8B7DFF;
  --ico-success: #22C55E;
  --ico-warning: #F59E0B;
  --ico-error: #EF4444;

  /* Ink */
  --ico-ink: #1F2937;
  --ico-ink-muted: #6B7280;
  --ico-ink-soft: #4B5563;

  /* Surfaces */
  --ico-page-from: #EDF0FE;
  --ico-page-to: #E8ECFC;
  --ico-surface: #FFFFFF;
  --ico-chip-active: #EEF0FF;
  --ico-line: #E5E7EB;

  /* Icon */
  --ico-stroke: 2.25;
  --ico-size: 24px;
  --ico-size-sm: 20px;
  --ico-size-md: 28px;
  --ico-size-lg: 32px;

  /* Radii */
  --ico-radius-container: 28px;
  --ico-radius-card: 14px;
  --ico-radius-logo: 28px;
  --ico-radius-nav: 18px;
  --ico-radius-path: 5px;

  /* Card */
  --ico-card-w: 62px;
  --ico-card-h: 58px;

  /* Shadows */
  --ico-shadow-container: 0 10px 40px rgba(91, 92, 235, 0.12);
  --ico-shadow-card: 0 3px 10px rgba(15, 23, 42, 0.05);
  --ico-shadow-logo: 0 12px 28px rgba(91, 92, 235, 0.30);
  --ico-shadow-nav: 0 4px 18px rgba(15, 23, 42, 0.07);

  /* Type */
  --ico-font: "Noto Sans TC", "PingFang TC", "Hiragino Sans", sans-serif;

  /* Bridges → existing admin / booking vars (product chrome) */
  --flow-brand: var(--ico-primary);
  --flow-brand-secondary: var(--ico-secondary);
  --flow-brand-soft: rgba(91, 92, 235, 0.10);
  --flow-brand-strong: #4f46e5;
  --flow-ok: var(--ico-success);
  --flow-warn: var(--ico-warning);
  --flow-danger: var(--ico-error);
  --accent: var(--ico-primary);
  --accent-dark: var(--ico-primary);
  --primary-dark: var(--ico-primary);
  --accent-soft: #eef0ff;
  --pink: var(--ico-secondary);
  --btn-shadow: rgba(91, 92, 235, 0.28);
}

.flowee-ico {
  stroke-width: var(--ico-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.flowee-ico.is-solid {
  fill: currentColor;
}