/* ============================================================
   flowroutine — shared design tokens
   Both editions consume these. The Professional edition layers
   a density override + principal identity hues (see bottom).
   Light theme = [data-theme="light"] swap, dark is primary.
   ============================================================ */

:root {
  /* ---- surfaces (near-black blue-gray ramp) ---- */
  --bg-app:        #0B1018;   /* page */
  --bg-rail:       #0E141D;   /* sidebar */
  --bg-panel:      #121926;   /* primitive panels */
  --bg-card:       #18202E;   /* item cards */
  --bg-card-hover: #1E2837;
  --bg-inset:      #0C121B;   /* inputs, wells */
  --bg-raise:      #232E40;   /* toasts, popovers */

  /* ---- lines ---- */
  --line:      #243042;
  --line-soft: #1A2331;
  --line-hard: #324159;

  /* ---- text ---- */
  --text-1: #E9EEF6;
  --text-2: #9FACBF;
  --text-3: #5F6C83;

  /* ---- the one accent ---- */
  --indigo:       #6E7CF6;
  --indigo-hi:    #8B96F8;
  --indigo-soft:  rgba(110, 124, 246, .13);
  --indigo-line:  rgba(110, 124, 246, .38);

  /* ---- semantic: person / done = green ---- */
  --green:      #3FC98C;
  --green-soft: rgba(63, 201, 140, .12);
  --green-line: rgba(63, 201, 140, .35);

  /* ---- semantic: due / warning = amber ---- */
  --amber:      #E2A33E;
  --amber-soft: rgba(226, 163, 62, .13);
  --amber-line: rgba(226, 163, 62, .38);

  /* ---- destructive (rare) ---- */
  --red:      #E0635D;
  --red-soft: rgba(224, 99, 93, .12);

  /* ---- type ---- */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
          system-ui, "Helvetica Neue", sans-serif;
  --mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  /* ---- radii (generous) ---- */
  --r-lg:   14px;
  --r-md:   10px;
  --r-sm:   7px;
  --r-pill: 999px;

  /* ---- shadows ---- */
  --shadow-card:  0 1px 2px rgba(0,0,0,.25);
  --shadow-float: 0 8px 28px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.35);

  /* ---- density layer (Personal defaults; Pro overrides) ---- */
  --d-fs:        13.5px;  /* card body */
  --d-fs-sub:    12px;    /* metas, chips */
  --d-card-pad:  11px 13px;
  --d-gap:       8px;     /* between cards */
  --d-panel-pad: 14px;
  --d-row-h:     40px;    /* sidebar person row */

  /* ---- motion ---- */
  --ease: cubic-bezier(.2, .7, .3, 1);
}

/* ============================================================
   Professional edition: denser, structural, tabular.
   Identity hues are for 2px rails and 6px dots ONLY — never
   fills, never text. The accent stays indigo.
   ============================================================ */
.ed-pro {
  --d-fs:        13px;
  --d-fs-sub:    11.5px;
  --d-card-pad:  8px 11px;
  --d-gap:       6px;
  --d-panel-pad: 11px;
  --d-row-h:     34px;

  /* principal identity hues */
  --p-elena:  #9B8CF8;  /* violet  */
  --p-marcus: #4FB9C9;  /* teal    */
  --p-priya:  #D98FA6;  /* rose    */
  --p-locked: #5F6C83;
}

/* ============================================================
   Optional light theme — token swap only, no component edits.
   ============================================================ */
[data-theme="light"] {
  --bg-app:        #F3F5F9;
  --bg-rail:       #ECEFF5;
  --bg-panel:      #FFFFFF;
  --bg-card:       #F6F8FB;
  --bg-card-hover: #EEF1F7;
  --bg-inset:      #E9EDF3;
  --bg-raise:      #FFFFFF;

  --line:      #D8DEE9;
  --line-soft: #E4E9F1;
  --line-hard: #C3CCDB;

  --text-1: #1A2230;
  --text-2: #4C5B72;
  --text-3: #8C99AD;

  --indigo-soft: rgba(110, 124, 246, .10);
  --green-soft:  rgba(34, 160, 104, .10);
  --amber-soft:  rgba(190, 130, 30, .12);

  --shadow-card:  0 1px 2px rgba(20, 30, 50, .08);
  --shadow-float: 0 8px 28px rgba(20, 30, 50, .18);
}