/* Theme: Lilt (lilt) */
/* A light, comfortable SaaS workspace balancing soft cool-green glass surfaces, flat structures, and an elegant editorial typographic voice. */

@tailwind base;
@tailwind components;
@tailwind utilities;

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@layer base {
  :root {
    /* Muted neutral ramp anchored to support high-density tabular workspaces. */
    --palette-neutral-100: #FAFAFA;
    --palette-neutral-150: #F9F9F9;
    --palette-neutral-200: #F4F4F4;
    --palette-neutral-250: #ECECEC;
    --palette-neutral-300: #E1E1E1;
    --palette-neutral-350: #D3D3D3;
    --palette-neutral-400: #C1C1C1;
    --palette-neutral-450: #ACACAC;
    --palette-neutral-500: #949494;
    --palette-neutral-550: #787878;
    --palette-neutral-600: #5F5F5F;
    --palette-neutral-650: #4A4A4A;
    --palette-neutral-700: #383838;
    --palette-neutral-750: #2B2B2B;
    --palette-neutral-800: #212121;
    --palette-neutral-850: #1B1B1B;
    --palette-neutral-900: #1A1A1A;
    /* Muted cool-green brand signature. */
    --palette-brand-100: #F8FBFB;
    --palette-brand-150: #F5FAFA;
    --palette-brand-200: #EEF6F5;
    --palette-brand-250: #E1EFEE;
    --palette-brand-300: #CEE6E3;
    --palette-brand-350: #B7DAD5;
    --palette-brand-400: #9BCBC5;
    --palette-brand-450: #79B9B1;
    --palette-brand-500: #55A198;
    --palette-brand-550: #45827B;
    --palette-brand-600: #366861;
    --palette-brand-650: #2A514C;
    --palette-brand-700: #203E3A;
    --palette-brand-750: #182F2C;
    --palette-brand-800: #132523;
    --palette-brand-850: #101E1D;
    --palette-brand-900: #0E1C1B;
    --palette-danger-100: #FFF8FB;
    --palette-danger-150: #FEF6F9;
    --palette-danger-200: #FEEFF5;
    --palette-danger-250: #FDE3ED;
    --palette-danger-300: #FCD2E2;
    --palette-danger-350: #FBBDD5;
    --palette-danger-400: #F8A3C4;
    --palette-danger-450: #F685B0;
    --palette-danger-500: #F2629A;
    --palette-danger-550: #EE2472;
    --palette-danger-600: #CB0E57;
    --palette-danger-650: #9F0B44;
    --palette-danger-700: #7A0834;
    --palette-danger-750: #5E0628;
    --palette-danger-800: #49041F;
    --palette-danger-850: #3D031A;
    --palette-danger-900: #390318;
    --palette-warning-100: #FCFAF9;
    --palette-warning-150: #FBF9F7;
    --palette-warning-200: #F7F4F0;
    --palette-warning-250: #F1ECE5;
    --palette-warning-300: #E9E0D5;
    --palette-warning-350: #DED1C1;
    --palette-warning-400: #D0BFAA;
    --palette-warning-450: #C0A98E;
    --palette-warning-500: #AD906E;
    --palette-warning-550: #927551;
    --palette-warning-600: #745D40;
    --palette-warning-650: #5A4831;
    --palette-warning-700: #453725;
    --palette-warning-750: #352A1C;
    --palette-warning-800: #292015;
    --palette-warning-850: #221A12;
    --palette-warning-900: #1F1910;
    --palette-success-100: #F8FBFB;
    --palette-success-150: #F5FAF9;
    --palette-success-200: #EDF6F5;
    --palette-success-250: #E0F0ED;
    --palette-success-300: #CEE6E2;
    --palette-success-350: #B7DAD4;
    --palette-success-400: #9ACBC3;
    --palette-success-450: #78BAAF;
    --palette-success-500: #54A295;
    --palette-success-550: #448379;
    --palette-success-600: #356860;
    --palette-success-650: #29514B;
    --palette-success-700: #203E39;
    --palette-success-750: #18302C;
    --palette-success-800: #132522;
    --palette-success-850: #0F1F1C;
    --palette-success-900: #0E1D1A;
    --palette-info-100: #F8FBFB;
    --palette-info-150: #F5FAFA;
    --palette-info-200: #EEF6F5;
    --palette-info-250: #E1EFEE;
    --palette-info-300: #CEE6E3;
    --palette-info-350: #B7DAD6;
    --palette-info-400: #9ACBC5;
    --palette-info-450: #79B9B1;
    --palette-info-500: #55A198;
    --palette-info-550: #44827B;
    --palette-info-600: #366762;
    --palette-info-650: #2A514C;
    --palette-info-700: #203E3A;
    --palette-info-750: #182F2C;
    --palette-info-800: #132523;
    --palette-info-850: #0F1E1D;
    --palette-info-900: #0E1C1B;
    /* Warm sand/clay secondary brand color. */
    --palette-accent-100: #FCFAF9;
    --palette-accent-150: #FBF9F7;
    --palette-accent-200: #F7F4F0;
    --palette-accent-250: #F1ECE5;
    --palette-accent-300: #E9E0D5;
    --palette-accent-350: #DED1C1;
    --palette-accent-400: #D0BFAA;
    --palette-accent-450: #C0A98E;
    --palette-accent-500: #AD906E;
    --palette-accent-550: #927551;
    --palette-accent-600: #745D40;
    --palette-accent-650: #5A4831;
    --palette-accent-700: #453725;
    --palette-accent-750: #352A1C;
    --palette-accent-800: #292015;
    --palette-accent-850: #221A12;
    --palette-accent-900: #1F1910;
  }

  :root {
    --radius: 16px;
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --background: #FFFFFF;
    --foreground: #0A0908;
    --card: #FFFFFF;
    --card-foreground: #0A0908;
    --popover: #FFFFFF;
    --popover-foreground: #0A0908;
    --primary: #1A322E;
    --primary-foreground: #FFFFFF;
    --secondary: #E2E2E2;
    --secondary-foreground: #0A0908;
    --muted: #E2E2E2;
    --muted-foreground: #535252;
    --accent: #EEF6F5;
    --accent-foreground: #1A322E;
    --destructive: #900C3F;
    --destructive-foreground: #FFFFFF;
    --border: #E2E2E2;
    --input: #C7C7C7;
    --ring: #1A322E;
    --chart-1: #1A322E;
    --chart-2: #55A198;
    --chart-3: #D9CCBC;
    --chart-4: #366861;
    --chart-5: #767676;
    --sidebar: #F5FAFA;
    --sidebar-foreground: #1A322E;
    --sidebar-primary: #1A322E;
    --sidebar-primary-foreground: #FFFFFF;
    --sidebar-accent: #EEF6F5;
    --sidebar-accent-foreground: #1A322E;
    --sidebar-border: #CEE6E3;
    --sidebar-ring: #1A322E;
    --font-sans: "Inter", system-ui, sans-serif;
    --font-display: "Inter", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, monospace;
    --text-hero: 500 3.25rem/3.25rem var(--font-display);
    --text-title: 500 3rem/3.625rem var(--font-display);
    --text-title-tracking: -0.01em;
    --text-heading: 500 1.5rem/2.125rem var(--font-display);
    --text-body: 500 0.875rem/1.3125rem var(--font-sans);
    --text-body-tracking: 0.04em;
    --text-body-transform: uppercase;
    --text-caption: 400 0.8125rem/1rem var(--font-sans);
    --text-label: 400 1rem/1.5rem var(--font-sans);
    --text-overline: 600 0.75rem/1rem var(--font-sans);
    --text-overline-tracking: 0.08em;
    --text-overline-transform: uppercase;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
  }

  .dark {
    --background: #0A0908;
    --foreground: #FFFFFF;
    --card: #222120;
    --card-foreground: #FFFFFF;
    --popover: #222120;
    --popover-foreground: #FFFFFF;
    --primary: #DDEDEB;
    --primary-foreground: #1A322E;
    --secondary: #3C3630;
    --secondary-foreground: #FFFFFF;
    --muted: #3C3630;
    --muted-foreground: #ACACAC;
    --accent: #2A514C;
    --accent-foreground: #DDEDEB;
    --destructive: #FF5C5C;
    --destructive-foreground: #0A0908;
    --border: #3C3630;
    --input: #535252;
    --ring: #DDEDEB;
    --chart-1: #DDEDEB;
    --chart-2: #55A198;
    --chart-3: #D9CCBC;
    --chart-4: #CEE6E3;
    --chart-5: #919191;
    --sidebar: #101E1D;
    --sidebar-foreground: #EEF6F5;
    --sidebar-primary: #DDEDEB;
    --sidebar-primary-foreground: #1A322E;
    --sidebar-accent: #2A514C;
    --sidebar-accent-foreground: #EEF6F5;
    --sidebar-border: #203E3A;
    --sidebar-ring: #DDEDEB;
  }
}

@layer base {
  * { border-color: var(--border); }
  body { background-color: var(--background); color: var(--foreground); font-family: var(--font-sans); }
}

@layer components {
  .text-hero {
    font: var(--text-hero);
  }
  .text-title {
    font: var(--text-title);
    letter-spacing: var(--text-title-tracking);
  }
  .text-heading {
    font: var(--text-heading);
  }
  .text-body {
    font: var(--text-body);
    letter-spacing: var(--text-body-tracking);
    text-transform: var(--text-body-transform);
  }
  .text-caption {
    font: var(--text-caption);
  }
  .text-label {
    font: var(--text-label);
  }
  .text-overline {
    font: var(--text-overline);
    letter-spacing: var(--text-overline-tracking);
    text-transform: var(--text-overline-transform);
  }
}