/* ============================================================================
   Theme: lvm — Launch Video Maker.   data-theme="lvm"
   GENERATED from the design-system ape theme (public/ds/theme-ape.css, the parent
   company's committed-dark studio theme) by swapping the accent family:
     studio violet  → LVM signal orange (the "record" light: live state, links,
                      progress, the proof figures)  #ff5a1f / ink #ff9b73
     ink on accent  → near-black (white on orange fails 4.5:1)
     display face   → Bricolage Grotesque (motion-studio voice; self-hosted)
   Everything else (surfaces, rules, mono label lane, hairline depth) is ape's.
   Upstream to design-system tokens/themes/lvm.css when the Phase 7 site lands.
   ========================================================================== */

[data-theme="lvm"],
[data-theme="lvm"] [data-mode="light"] {
  color-scheme: dark;
  /* -- surfaces: cool near-black (the studio’s 240° cast), in-hue step UP; cards are hairline cells on the ground */
  --ds-ground: #121218;
  --ds-ground-2: #16161d;
  --ds-surface: #1a1a22;
  --ds-surface-2: #22222b;
  --ds-surface-3: #2a2a34;
  --ds-surface-raised: #22222b;
  --ds-surface-hover: #201f29;
  --ds-surface-pressed: #262531;
  --ds-surface-selected: #2c2b38;
  --ds-surface-inverse: #f5f4f8;
  --ds-surface-inverse-hover: #e5e3ec;
  --ds-skeleton: #282733;
  --ds-scrim: rgba(0, 0, 0, .60);
  /* -- ink: white tiers (muted ≥ 6:1 on surface-2) */
  --ds-ink: #ffffff;
  --ds-ink-2: #ebeaf0;
  --ds-ink-muted: #a8a6b4;
  --ds-ink-faint: #605e6c;
  --ds-ink-inverse: #121218;
  --ds-ink-on-primary: #121218;
  --ds-ink-on-accent: #140d0a;
  --ds-ink-code: #ebeaf0;
  /* -- lines: ~12 % white on ground */
  --ds-rule-faint: #1e1d26;
  --ds-rule-soft: #232230;
  --ds-rule: #2e2d3a;
  --ds-rule-strong: #3b3a48;
  --ds-border: #363544;
  --ds-border-strong: #4c4b5b;
  /* -- action: white primary (the ONE fill); accent = the studio violet, INFORMATION only (links, live state, figures); accent-2 = the teal, data/AI lane */
  --ds-primary-fill: #ffffff;
  --ds-primary-fill-hover: #e6e4ee;
  --ds-accent: #ff5a1f;
  --ds-accent-hover: #ff7a47;
  --ds-accent-ink: #ff9b73;
  --ds-accent-tint: #3a1f14;
  --ds-accent-soft: #9c3d1c;
  --ds-accent-2: #35c9b3;
  --ds-accent-2-ink: #7fe0d1;
  --ds-accent-2-tint: #1d3a36;
  /* -- semantic + data: base dark set, restated so the committed-dark rendering is complete */
  --ds-success: #34c57f;
  --ds-success-tint: #1e3b2e;
  --ds-success-ink: #5fd79b;
  --ds-danger: #f26a6a;
  --ds-danger-tint: #44282a;
  --ds-danger-ink: #f58d8d;
  --ds-warning: #f2b04a;
  --ds-warning-tint: #443624;
  --ds-warning-ink: #f6c473;
  --ds-info: #4fb3f0;
  --ds-info-tint: #233745;
  --ds-info-ink: #7ec8f5;
  --ds-ink-on-semantic: #0b0b0c;
  --ds-data-1: #6b9cff;
  --ds-data-1-tint: #293248;
  --ds-data-1-ink: #9dbcff;
  --ds-data-2: #a48cf5;
  --ds-data-2-tint: #342f46;
  --ds-data-2-ink: #c1b1f8;
  --ds-data-3: #3ecf95;
  --ds-data-3-tint: #203d33;
  --ds-data-3-ink: #6fdcb2;
  --ds-data-4: #f5915b;
  --ds-data-4-tint: #443027;
  --ds-data-4-ink: #f8ac84;
  --ds-data-5: #f06fa4;
  --ds-data-5-tint: #432936;
  --ds-data-5-ink: #f596bd;
  --ds-data-6: #e2c04e;
  --ds-data-6-tint: #403a24;
  --ds-data-6-ink: #ebd07e;
  --ds-data-7: #3fc7d4;
  --ds-data-7-tint: #203b3f;
  --ds-data-7-ink: #7cdae3;
  --ds-data-8: #c3a184;
  --ds-data-8-tint: #3a332f;
  --ds-data-8-ink: #d6bda8;
  --ds-chart-ramp-1: #ff9b73;
  --ds-chart-ramp-2: #ff5a1f;
  --ds-chart-ramp-3: #9c3d1c;
  /* -- depth: zero resting shadows; floats separate by a light edge + deep drop */
  --ds-shadow-lift: 0 0 0 0 transparent;
  --ds-shadow-card: 0 0 0 0 transparent;
  --ds-shadow-float: 0 16px 40px rgba(0, 0, 0, .60), 0 0 0 1px rgba(255, 255, 255, .10);
  --ds-shadow-modal: 0 32px 96px rgba(0, 0, 0, .70), 0 0 0 1px rgba(255, 255, 255, .10);
  --ds-shadow-object: 0 8px 24px rgba(0, 0, 0, .60);
  --ds-overlay-fill: rgba(0, 0, 0, .65);
  --ds-glass-fill: rgba(26, 26, 34, .55);
  --ds-glass-border: rgba(255, 255, 255, .14);
  --ds-texture-color: rgba(255, 255, 255, .06);
  --ds-illustration-ground: #1a1a22;

  /* -- shape: tool radius (base scale 1); pills untouched */
  --ds-radius-scale: 1;
  /* -- type: Space Grotesk display (the wordmark face) at regular weight, Inter body, JetBrains Mono metadata lane in caps */
  --ds-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ds-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ds-font-display: "Bricolage Grotesque", var(--ds-font-sans);
  --ds-font-label: var(--ds-font-mono);
  --ds-text-base: 16px;
  --ds-display-weight: 500;
  --ds-display-tracking: -0.03em;
  --ds-heading-weight: 500;
  --ds-label-case: uppercase;
  --ds-label-tracking-upper: .06em;
  --ds-label-tracking: var(--ds-label-tracking-upper);
  /* -- space: 4 px unit, default density, 112 px between marketing regions (80 under 640 — media rule below) */
  --ds-space-unit: 4px;
  --ds-density-scale: 1;
  --ds-section-gap-units: 28;
  --ds-container-max: 1184px;
  /* -- CSS-only fallbacks for the attributes in the header */
  --ds-card-bg: var(--ds-ground);
  --ds-card-border: var(--ds-rule);
  --ds-card-shadow: 0 0 0 0 transparent;
  --ds-ink-link: var(--ds-accent-ink);
  --ds-ring: var(--ds-accent-ink);
  --ds-accent-line: var(--ds-accent);
  --ds-border-selected: var(--ds-accent);
  --ds-selection-graph: var(--ds-accent);
  --ds-selected-bg: var(--ds-surface-selected);
  --ds-selected-ink: var(--ds-ink);
  --ds-selected-line: transparent;
}

:where([data-theme="lvm"]) :is([data-mode], [data-density], [data-depth], [data-selection], [data-buttons],
      [data-labels], [data-controls], [data-accent-scope], [data-hover], [data-band="tint"], [data-band="dark"], [data-band="accent"]) {
  --ds-card-bg: var(--ds-ground);           /* data-depth="hairline" */
  --ds-ink-link: var(--ds-accent-ink);      /* links read at AA on the near-black; the accent itself is a mark/fill colour */
  --ds-ring: var(--ds-accent-ink);          /* the focus ring must clear 3:1 on every plane incl. the tint band (R15) */
}
:where([data-theme="lvm"]) [data-band="accent"] { --ds-ink-link: var(--ds-ink); }

[data-theme="lvm"][data-mode="dark"],
[data-theme="lvm"] [data-mode="dark"],
[data-theme="lvm"] [data-band="dark"] {
  color-scheme: dark;
  --ds-ground: #0e0e13; --ds-ground-2: #121218; --ds-surface: #1a1a22; --ds-surface-2: #22222b; --ds-surface-3: #2a2a34; --ds-surface-raised: #22222b;
  --ds-surface-hover: #201f29; --ds-surface-pressed: #262531; --ds-surface-selected: #2c2b38; --ds-surface-inverse: #f5f4f8; --ds-surface-inverse-hover: #e5e3ec;
  --ds-skeleton: #282733; --ds-scrim: rgba(0, 0, 0, .60); --ds-ink: #ffffff; --ds-ink-2: #ebeaf0; --ds-ink-muted: #a8a6b4; --ds-ink-faint: #605e6c;
  --ds-ink-inverse: #121218; --ds-ink-on-primary: #121218; --ds-ink-on-accent: #140d0a; --ds-ink-code: #ebeaf0; --ds-rule-faint: #1e1d26; --ds-rule-soft: #232230;
  --ds-rule: #2e2d3a; --ds-rule-strong: #3b3a48; --ds-border: #363544; --ds-border-strong: #4c4b5b; --ds-primary-fill: #ffffff; --ds-primary-fill-hover: #e6e4ee;
  --ds-accent: #ff5a1f; --ds-accent-hover: #ff7a47; --ds-accent-ink: #ff9b73; --ds-accent-tint: #3a1f14; --ds-accent-soft: #9c3d1c; --ds-accent-2: #35c9b3;
  --ds-accent-2-ink: #7fe0d1; --ds-accent-2-tint: #1d3a36; --ds-success: #34c57f; --ds-success-tint: #1e3b2e; --ds-success-ink: #5fd79b; --ds-danger: #f26a6a;
  --ds-danger-tint: #44282a; --ds-danger-ink: #f58d8d; --ds-warning: #f2b04a; --ds-warning-tint: #443624; --ds-warning-ink: #f6c473; --ds-info: #4fb3f0;
  --ds-info-tint: #233745; --ds-info-ink: #7ec8f5; --ds-ink-on-semantic: #0b0b0c; --ds-data-1: #6b9cff; --ds-data-1-tint: #293248; --ds-data-1-ink: #9dbcff;
  --ds-data-2: #a48cf5; --ds-data-2-tint: #342f46; --ds-data-2-ink: #c1b1f8; --ds-data-3: #3ecf95; --ds-data-3-tint: #203d33; --ds-data-3-ink: #6fdcb2;
  --ds-data-4: #f5915b; --ds-data-4-tint: #443027; --ds-data-4-ink: #f8ac84; --ds-data-5: #f06fa4; --ds-data-5-tint: #432936; --ds-data-5-ink: #f596bd;
  --ds-data-6: #e2c04e; --ds-data-6-tint: #403a24; --ds-data-6-ink: #ebd07e; --ds-data-7: #3fc7d4; --ds-data-7-tint: #203b3f; --ds-data-7-ink: #7cdae3;
  --ds-data-8: #c3a184; --ds-data-8-tint: #3a332f; --ds-data-8-ink: #d6bda8; --ds-chart-ramp-1: #ff9b73; --ds-chart-ramp-2: #ff5a1f; --ds-chart-ramp-3: #9c3d1c;
  --ds-shadow-lift: 0 0 0 0 transparent; --ds-shadow-card: 0 0 0 0 transparent; --ds-shadow-float: 0 16px 40px rgba(0, 0, 0, .60), 0 0 0 1px rgba(255, 255, 255, .10);
  --ds-shadow-modal: 0 32px 96px rgba(0, 0, 0, .70), 0 0 0 1px rgba(255, 255, 255, .10); --ds-shadow-object: 0 8px 24px rgba(0, 0, 0, .60);
  --ds-overlay-fill: rgba(0, 0, 0, .65); --ds-glass-fill: rgba(26, 26, 34, .55); --ds-glass-border: rgba(255, 255, 255, .14); --ds-texture-color: rgba(255, 255, 255, .06);
  --ds-illustration-ground: #1a1a22;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="lvm"]:not([data-mode="light"]),
  :root:not([data-mode="light"]) [data-theme="lvm"]:not([data-mode="light"]) {
    color-scheme: dark;
    --ds-ground: #0e0e13; --ds-ground-2: #121218; --ds-surface: #1a1a22; --ds-surface-2: #22222b; --ds-surface-3: #2a2a34; --ds-surface-raised: #22222b;
    --ds-surface-hover: #201f29; --ds-surface-pressed: #262531; --ds-surface-selected: #2c2b38; --ds-surface-inverse: #f5f4f8; --ds-surface-inverse-hover: #e5e3ec;
    --ds-skeleton: #282733; --ds-scrim: rgba(0, 0, 0, .60); --ds-ink: #ffffff; --ds-ink-2: #ebeaf0; --ds-ink-muted: #a8a6b4; --ds-ink-faint: #605e6c;
    --ds-ink-inverse: #121218; --ds-ink-on-primary: #121218; --ds-ink-on-accent: #140d0a; --ds-ink-code: #ebeaf0; --ds-rule-faint: #1e1d26; --ds-rule-soft: #232230;
    --ds-rule: #2e2d3a; --ds-rule-strong: #3b3a48; --ds-border: #363544; --ds-border-strong: #4c4b5b; --ds-primary-fill: #ffffff; --ds-primary-fill-hover: #e6e4ee;
    --ds-accent: #ff5a1f; --ds-accent-hover: #ff7a47; --ds-accent-ink: #ff9b73; --ds-accent-tint: #3a1f14; --ds-accent-soft: #9c3d1c; --ds-accent-2: #35c9b3;
    --ds-accent-2-ink: #7fe0d1; --ds-accent-2-tint: #1d3a36; --ds-success: #34c57f; --ds-success-tint: #1e3b2e; --ds-success-ink: #5fd79b; --ds-danger: #f26a6a;
    --ds-danger-tint: #44282a; --ds-danger-ink: #f58d8d; --ds-warning: #f2b04a; --ds-warning-tint: #443624; --ds-warning-ink: #f6c473; --ds-info: #4fb3f0;
    --ds-info-tint: #233745; --ds-info-ink: #7ec8f5; --ds-ink-on-semantic: #0b0b0c; --ds-data-1: #6b9cff; --ds-data-1-tint: #293248; --ds-data-1-ink: #9dbcff;
    --ds-data-2: #a48cf5; --ds-data-2-tint: #342f46; --ds-data-2-ink: #c1b1f8; --ds-data-3: #3ecf95; --ds-data-3-tint: #203d33; --ds-data-3-ink: #6fdcb2;
    --ds-data-4: #f5915b; --ds-data-4-tint: #443027; --ds-data-4-ink: #f8ac84; --ds-data-5: #f06fa4; --ds-data-5-tint: #432936; --ds-data-5-ink: #f596bd;
    --ds-data-6: #e2c04e; --ds-data-6-tint: #403a24; --ds-data-6-ink: #ebd07e; --ds-data-7: #3fc7d4; --ds-data-7-tint: #203b3f; --ds-data-7-ink: #7cdae3;
    --ds-data-8: #c3a184; --ds-data-8-tint: #3a332f; --ds-data-8-ink: #d6bda8; --ds-chart-ramp-1: #ff9b73; --ds-chart-ramp-2: #ff5a1f; --ds-chart-ramp-3: #9c3d1c;
    --ds-shadow-lift: 0 0 0 0 transparent; --ds-shadow-card: 0 0 0 0 transparent; --ds-shadow-float: 0 16px 40px rgba(0, 0, 0, .60), 0 0 0 1px rgba(255, 255, 255, .10);
    --ds-shadow-modal: 0 32px 96px rgba(0, 0, 0, .70), 0 0 0 1px rgba(255, 255, 255, .10); --ds-shadow-object: 0 8px 24px rgba(0, 0, 0, .60);
    --ds-overlay-fill: rgba(0, 0, 0, .65); --ds-glass-fill: rgba(26, 26, 34, .55); --ds-glass-border: rgba(255, 255, 255, .14); --ds-texture-color: rgba(255, 255, 255, .06);
    --ds-illustration-ground: #1a1a22;
  }
}