/*
 * MedFilm design tokens — single source of truth for the .ai / .com /
 * .app brand family.
 *
 * Two tiers:
 *   --medfilm-*       MARKETING palette — landing pages
 *                     (medfilm.com, medfilm.ai/). Dark navy + brand
 *                     blue accent + roomy radii.
 *   --medfilm-app-*   TOOL palette — actual product surfaces
 *                     (medfilm.app, medfilm.ai/app/,
 *                     medfilm.ai/research/). Slightly warmer dark BG,
 *                     lighter cyan accent, tighter radii, denser type.
 *
 * Update tokens here; don't inline brand hexes in feature CSS.
 */

:root {
  /* ─────────────────────────── MARKETING ─────────────────────────── */
  /* Lifted from medfilm.com's :root block. Used by landing pages. */

  /* Layered backgrounds */
  --medfilm-bg:           #060a12;
  --medfilm-bg2:          #0a0f1a;
  --medfilm-bg-alt:       #080d17;
  --medfilm-card:         #111827;
  --medfilm-card2:        #0f1729;
  --medfilm-card-hi:      #141e30;

  /* Borders */
  --medfilm-border:       #1a2438;
  --medfilm-border2:      #243050;
  --medfilm-border-acc:   rgba(79, 143, 255, 0.25);

  /* Type */
  --medfilm-head:         #edf2f7;
  --medfilm-text:         #c8d6e5;
  --medfilm-dim:          #7b8ea8;
  --medfilm-mute:         #3e4f6a;

  /* Brand accents */
  --medfilm-accent:       #4f8fff;
  --medfilm-accent2:      #22d3ee;
  --medfilm-accent-glow:  rgba(79, 143, 255, 0.12);

  /* Semantic */
  --medfilm-green:        #34d399;
  --medfilm-orange:       #fbbf24;
  --medfilm-cyan:         #22d3ee;

  /* Geometry */
  --medfilm-radius:       14px;
  --medfilm-radius-sm:    8px;

  /* Typography */
  --medfilm-font: -apple-system, BlinkMacSystemFont, "Segoe UI",
                   "Noto Sans SC", "PingFang SC", "Hiragino Sans GB",
                   "Microsoft YaHei", sans-serif;
  --medfilm-font-mono: "SF Mono", "Cascadia Mono", "Menlo",
                       "Consolas", ui-monospace, monospace;

  /* ───────────────────────────── TOOL ────────────────────────────── */
  /* Lifted from medfilm.app's body / accent definitions. Used by the
   * quant workstation and the research catalog so they read as
   * tools instead of marketing pages. */

  /* Layered backgrounds — slightly purpled deep navy */
  --medfilm-app-bg:       #1a1a2e;
  --medfilm-app-bg2:      #16162a;
  --medfilm-app-bg-alt:   #15152a;
  --medfilm-app-card:     #232440;
  --medfilm-app-card2:    #1f2038;
  --medfilm-app-card-hi:  #2a2b4a;

  /* Borders */
  --medfilm-app-border:       #333;
  --medfilm-app-border2:      #444;
  --medfilm-app-border-acc:   rgba(79, 195, 247, 0.3);

  /* Type — denser, lighter for tool reading */
  --medfilm-app-head:     #f0f0f0;
  --medfilm-app-text:     #e0e0e0;
  --medfilm-app-dim:      #888;
  --medfilm-app-mute:     #555;

  /* Accent — lighter cyan than marketing's mid-blue */
  --medfilm-app-accent:        #4fc3f7;
  --medfilm-app-accent2:       #22d3ee;
  --medfilm-app-accent-glow:   rgba(79, 195, 247, 0.1);

  /* Geometry — tighter radii for a working tool */
  --medfilm-app-radius:        8px;
  --medfilm-app-radius-sm:     6px;
}