/* Vendored Matilda web theme at 51257392aec3040f5afef5f36d8b93542af2c97a.
 * Source: MaincodeHQ/matilda-apps/apps/web/src/app/globals.css.
 * Current neutral scheme and brand motion tokens, without app-specific rules. */
:root {
  --font-weight-multiplier: 1;
  /* System font stack — SF Pro / Segoe UI / Roboto. Zero payload. */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, 'Helvetica Neue', Arial, sans-serif;
  /* Neutral — light. Clean off-white canvas, white cards raised above it
     (elevation = brighter); pure equal-channel greys (R=G=B, no hue lean).
     Same lightness ladder as before, warmth removed. */
  --background: #f5f5f5;
  --foreground: #1a1a1a;
  --card: #fdfdfd;
  --card-foreground: #1a1a1a;
  --popover: #fdfdfd;
  --popover-foreground: #1a1a1a;
  /* Light elevation = brighter, and --card is already near-white, so a panel
     floating over a card takes the last step to pure white and leans on its
     border (plus a soft shadow) to separate. */
  --popover-raised: #ffffff;
  --primary: #1a1a1a;
  --primary-foreground: #f5f5f5;
  --secondary: #efefef;
  --secondary-foreground: #1a1a1a;
  --muted: #e9e9e9;
  --muted-foreground: #6e6e6e;
  --accent: #e6e6e6;
  --accent-foreground: #1a1a1a;
  --destructive: #AF3029;
  --destructive-foreground: #f5f5f5;
  --success: #66800B;
  --success-foreground: #f5f5f5;
  --border: #e0e0e0;
  --input: #d2d2d2;
  --ring: #767676;
  --chart-1: #205EA6;
  --chart-2: #24837B;
  --chart-3: #66800B;
  --chart-4: #AD8301;
  --chart-5: #A02F6F;
  --radius: 0.625rem;
  /* Sidebar shares the main canvas colour (separated only by the divider). */
  --sidebar: var(--background);
  --sidebar-foreground: #1a1a1a;
  --sidebar-primary: #1a1a1a;
  --sidebar-primary-foreground: #f5f5f5;
  --sidebar-accent: #e6e6e6;
  --sidebar-accent-foreground: #1a1a1a;
  --sidebar-border: #e0e0e0;
  --sidebar-ring: #767676;

  /*
   * Motion system tokens — see MOTION_SYSTEM.md
   * ────────────────────────────────────────────
   * Namespace keeps them clear of theme tokens. Consumed by motion.css
   * (brand-mark signatures + states) and by motion.dev transitions in rail chrome.
   * Mode-agnostic: motion timing reads the same in light and dark.
   */
  --motion-dur-instant:    120ms;
  --motion-dur-swift:      200ms;
  --motion-dur-brisk:      300ms;
  --motion-dur-measured:   500ms;
  --motion-dur-deliberate: 800ms;
  --motion-dur-sustained:  1200ms;
  --motion-dur-extended:   2000ms;
  --motion-dur-patient:    3000ms;

  --motion-ease-stand:  cubic-bezier(0.40, 0.00, 0.20, 1.00);
  --motion-ease-enter:  cubic-bezier(0.00, 0.00, 0.20, 1.00);
  --motion-ease-exit:   cubic-bezier(0.40, 0.00, 1.00, 1.00);
  --motion-ease-snap:   cubic-bezier(0.55, 0.00, 0.35, 1.00);
  --motion-ease-spring: cubic-bezier(0.35, 1.40, 0.40, 1.00);
  --motion-ease-calm:   cubic-bezier(0.50, 0.00, 0.50, 1.00);

  /* Shared by static and animated brand marks in both themes. */
  --mark-gold:       #FFC300;
}

:root.dark {
  color-scheme: dark;
  --font-weight-multiplier: 0.85;
  /* Neutral — dark. Pure equal-channel greys (R=G=B, no hue lean) on a deep
     near-black canvas; surfaces climb ~2–3 OKLCH L-points (elevation via lighter
     surfaces, not shadow). Same lightness ladder as before, warmth removed. */
  --background: #0c0c0c;
  --foreground: #ececec;
  --card: #181818;
  --card-foreground: #ececec;
  --popover: #181818;
  --popover-foreground: #ececec;
  /* One rung above --card for panels that float *over* a card: --popover is the
     same value as --card, so a popover on a card would otherwise read flat.
     A rung above --accent (#242424): the panel has to read as a distinctly
     different surface from the card it floats over, not just a hair lighter. */
  --popover-raised: #272727;
  --primary: #ececec;
  --primary-foreground: #0c0c0c;
  --secondary: #1e1e1e;
  --secondary-foreground: #ececec;
  --muted: #121212;
  --muted-foreground: #8b8b8b;
  --accent: #242424;
  --accent-foreground: #ececec;
  --destructive: #ec7b6f;
  --destructive-foreground: #0c0c0c;
  --success: #aebf5e;
  --success-foreground: #0c0c0c;
  --border: #272727;
  --input: #323232;
  --ring: #6b6b6b;
  --chart-1: #4385BE;
  --chart-2: #3AA99F;
  --chart-3: #879A39;
  --chart-4: #D0A215;
  --chart-5: #CE5D97;
  /* Sidebar shares the main canvas colour — they read as one surface,
     separated only by the hairline divider (Claude/ChatGPT style). */
  --sidebar: var(--background);
  --sidebar-foreground: #ececec;
  --sidebar-primary: #ececec;
  --sidebar-primary-foreground: #0c0c0c;
  --sidebar-accent: #242424;
  --sidebar-accent-foreground: #ececec;
  --sidebar-border: #1a1a1a;
  --sidebar-ring: #6b6b6b;
}

:root[data-scheme="neutral"]:not(.dark) {
  /* Warm-grey off-white (subtle warm lean, R−B gap ≈4–5) — a calmer canvas than
     warm's #f6f5f0 with far less warmth than Flexoki paper; white cards raised
     above the soft bg. The recessed ramp (secondary→muted→accent) is deepened
     so surfaces separate clearly and the user bubble (bg-muted/30) reads on the
     canvas; borders firm up for definition. muted-fg ~4.5:1, ring ~3.4:1 on bg. */
  --background: #ecebe7;
  --foreground: #232220;
  --card: #fcfbf8;
  --card-foreground: #232220;
  --popover: #fcfbf8;
  --popover-foreground: #232220;
  /* Warm white — the brightest rung, one step over the warm off-white card. */
  --popover-raised: #fffefb;
  --primary: #232220;
  --primary-foreground: #fcfbf8;
  --secondary: #e3e0d8;
  --secondary-foreground: #232220;
  --muted: #d4d1c7;
  --muted-foreground: #6c6a63;
  --accent: #d2cfc5;
  --accent-foreground: #232220;
  --border: #cfccc2;
  --input: #c3c0b5;
  --ring: #7b7870;
  --sidebar-foreground: #232220;
  --sidebar-primary: #232220;
  --sidebar-primary-foreground: #fcfbf8;
  --sidebar-accent: #d2cfc5;
  --sidebar-accent-foreground: #232220;
  --sidebar-border: #d5d2c8;
  --sidebar-ring: #7b7870;
}

:root.dark[data-scheme="neutral"] {
  /* Warm-tinted soft charcoal (Flexoki-style lean, R ≥ G > B, low chroma). Canvas
     #151412 dropped a step below the prior #1b1a18 (deeper, closer to Flexoki
     black); surfaces climb ~2–3 OKLCH L-points for shadow-free elevation.
     muted-fg ~5.8:1, ring ~3.3:1 on bg. */
  --background: #151412;
  --foreground: #ecebe7;
  --card: #1f1e1b;
  --card-foreground: #ecebe7;
  --popover: #1f1e1b;
  --popover-foreground: #ecebe7;
  /* Warm step a rung above --accent (#2b2925), for the same reason. */
  --popover-raised: #2e2c26;
  --primary: #ecebe7;
  --primary-foreground: #151412;
  --secondary: #262421;
  --secondary-foreground: #ecebe7;
  --muted: #1a1917;
  --muted-foreground: #949188;
  --accent: #2b2925;
  --accent-foreground: #ecebe7;
  --border: #2e2c27;
  --input: #393630;
  --ring: #6b675f;
  --sidebar-foreground: #ecebe7;
  --sidebar-primary: #ecebe7;
  --sidebar-primary-foreground: #151412;
  --sidebar-accent: #2b2925;
  --sidebar-accent-foreground: #ecebe7;
  --sidebar-border: #252320;
  --sidebar-ring: #6b675f;
}
:root { --font-wordmark: 'DM Sans Variable', 'DM Sans', sans-serif; --font-mono: 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, monospace; }