/* Theme: Amber Gradient (amber-gradient) */
/* A compact, high-density dark workspace interface balancing a vivid cool-green brand signature with glowing amber details and crisp glassmorphic panels. */

@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 {
    /* Derived from the measured neutral gray ramp starting at pure white and ending in deep charcoal. */
    --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;
    /* Vivid cool-green brand signature. */
    --palette-brand-100: #ECFFF5;
    --palette-brand-150: #E7FEF3;
    --palette-brand-200: #D9FEEC;
    --palette-brand-250: #C1FEE0;
    --palette-brand-300: #9FFDCF;
    --palette-brand-350: #74FCB9;
    --palette-brand-400: #40FA9E;
    --palette-brand-450: #07F37F;
    --palette-brand-500: #05AB5A;
    --palette-brand-550: #048B48;
    --palette-brand-600: #036E39;
    --palette-brand-650: #02562D;
    --palette-brand-700: #024222;
    --palette-brand-750: #01331A;
    --palette-brand-800: #012815;
    --palette-brand-850: #012111;
    --palette-brand-900: #011F10;
    --palette-danger-100: #FEF9F8;
    --palette-danger-150: #FEF7F5;
    --palette-danger-200: #FDF1ED;
    --palette-danger-250: #FCE6E0;
    --palette-danger-300: #FBD7CD;
    --palette-danger-350: #F8C3B6;
    --palette-danger-400: #F5AC99;
    --palette-danger-450: #F19077;
    --palette-danger-500: #EB7050;
    --palette-danger-550: #E64318;
    --palette-danger-600: #B73412;
    --palette-danger-650: #8F280D;
    --palette-danger-700: #6D1E0A;
    --palette-danger-750: #531707;
    --palette-danger-800: #411206;
    --palette-danger-850: #350F04;
    --palette-danger-900: #320E04;
    --palette-warning-100: #FFFAF0;
    --palette-warning-150: #FFF9EB;
    --palette-warning-200: #FFF5DD;
    --palette-warning-250: #FFEEC5;
    --palette-warning-300: #FFE4A5;
    --palette-warning-350: #FFD77B;
    --palette-warning-400: #FFC847;
    --palette-warning-450: #FFB50B;
    --palette-warning-500: #C68900;
    --palette-warning-550: #A06F00;
    --palette-warning-600: #7F5800;
    --palette-warning-650: #634500;
    --palette-warning-700: #4C3400;
    --palette-warning-750: #3A2800;
    --palette-warning-800: #2D1F00;
    --palette-warning-850: #251A00;
    --palette-warning-900: #231800;
    --palette-success-100: #ECFFF5;
    --palette-success-150: #E7FEF3;
    --palette-success-200: #D9FEEC;
    --palette-success-250: #C1FEE0;
    --palette-success-300: #9FFDCF;
    --palette-success-350: #74FCB9;
    --palette-success-400: #40FA9E;
    --palette-success-450: #07F37F;
    --palette-success-500: #05AB5A;
    --palette-success-550: #048B48;
    --palette-success-600: #036E39;
    --palette-success-650: #02562D;
    --palette-success-700: #024222;
    --palette-success-750: #01331A;
    --palette-success-800: #012815;
    --palette-success-850: #012111;
    --palette-success-900: #011F10;
    --palette-info-100: #F7FBFD;
    --palette-info-150: #F5F9FC;
    --palette-info-200: #EDF5F9;
    --palette-info-250: #E0EEF5;
    --palette-info-300: #CEE4EE;
    --palette-info-350: #B6D7E6;
    --palette-info-400: #9AC7DC;
    --palette-info-450: #79B4D0;
    --palette-info-500: #549DC1;
    --palette-info-550: #3A82A4;
    --palette-info-600: #2D6783;
    --palette-info-650: #235066;
    --palette-info-700: #1A3D4E;
    --palette-info-750: #142F3B;
    --palette-info-800: #0F242E;
    --palette-info-850: #0C1E26;
    --palette-info-900: #0C1C23;
    --palette-accent-100: #FFFAF0;
    --palette-accent-150: #FFF9EC;
    --palette-accent-200: #FFF5DE;
    --palette-accent-250: #FFEDC6;
    --palette-accent-300: #FFE3A6;
    --palette-accent-350: #FFD67C;
    --palette-accent-400: #FFC549;
    --palette-accent-450: #FFB20E;
    --palette-accent-500: #C88800;
    --palette-accent-550: #A26E00;
    --palette-accent-600: #815700;
    --palette-accent-650: #644400;
    --palette-accent-700: #4D3400;
    --palette-accent-750: #3A2700;
    --palette-accent-800: #2D1F00;
    --palette-accent-850: #261900;
    --palette-accent-900: #231800;
  }

  :root {
    --radius: 0.5rem;
    --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: #151515;
    --card: #DDDDD5;
    --card-foreground: #151515;
    --popover: #FFFFFF;
    --popover-foreground: #151515;
    --primary: #048244;
    --primary-foreground: #FFFFFF;
    --secondary: #DDDDD5;
    --secondary-foreground: #151515;
    --muted: #DDDDD5;
    --muted-foreground: #525252;
    --accent: #E2EAC2;
    --accent-foreground: #151515;
    --destructive: #C43A16;
    --destructive-foreground: #FFFFFF;
    --border: #A2A29C;
    --input: #A2A29C;
    --ring: #048244;
    --chart-1: #048244;
    --chart-2: #F9A900;
    --chart-3: #C43A16;
    --chart-4: #FFEEBE;
    --chart-5: #C5DEEA;
    --sidebar: #F6F6F1;
    --sidebar-foreground: #151515;
    --sidebar-primary: #048244;
    --sidebar-primary-foreground: #FFFFFF;
    --sidebar-accent: #E2EAC2;
    --sidebar-accent-foreground: #151515;
    --sidebar-border: #A2A29C;
    --sidebar-ring: #048244;
    --font-sans: "Inter", system-ui, sans-serif;
    --font-display: "Inter", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, monospace;
    --text-hero: 600 3.3125rem/3.4375rem var(--font-display);
    --text-hero-tracking: -0.02em;
    --text-title: 600 2.6875rem/2.8125rem var(--font-display);
    --text-title-tracking: -0.02em;
    --text-heading: 600 1.25rem/1.5rem var(--font-display);
    --text-heading-tracking: -0.01em;
    --text-body: 400 0.875rem/1.25rem var(--font-sans);
    --text-body-tracking: -0.01em;
    --text-caption: 600 0.75rem/0.875rem var(--font-sans);
    --text-caption-tracking: -0.01em;
    --text-label: 500 0.875rem/0.875rem var(--font-sans);
    --text-label-tracking: -0.02em;
    --text-overline: 500 0.75rem/0.75rem var(--font-sans);
    --text-overline-tracking: 0.06em;
    --text-overline-transform: uppercase;
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.15);
    --shadow-lg: rgb(246, 246, 241) 0px 1px 0px 0px;
    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.3);
    --gradient-brand_wash: linear-gradient(135deg, #048244 0%, #F9A900 100%);
    --gradient-scrim_light: linear-gradient(rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 14%, rgba(255, 255, 255, 0) 32%);
    --gradient-radial_dark: radial-gradient(circle at 76% 82%, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.26) 18%, rgba(0, 0, 0, 0.12) 38%, rgba(0, 0, 0, 0.03) 55%, rgba(0, 0, 0, 0) 70%);
  }

  .dark {
    --background: #151515;
    --foreground: #FFFFFF;
    --card: #252525;
    --card-foreground: #FFFFFF;
    --popover: #252525;
    --popover-foreground: #FFFFFF;
    --primary: #F6F6F1;
    --primary-foreground: #151515;
    --secondary: #404040;
    --secondary-foreground: #FFFFFF;
    --muted: #252525;
    --muted-foreground: #9D9D9D;
    --accent: #048244;
    --accent-foreground: #FFFFFF;
    --destructive: #C43A16;
    --destructive-foreground: #FFFFFF;
    --border: #404040;
    --input: #404040;
    --ring: #F6F6F1;
    --chart-1: #048244;
    --chart-2: #F9A900;
    --chart-3: #C43A16;
    --chart-4: #FFEEBE;
    --chart-5: #C5DEEA;
    --sidebar: #0A0A0A;
    --sidebar-foreground: #FFFFFF;
    --sidebar-primary: #048244;
    --sidebar-primary-foreground: #FFFFFF;
    --sidebar-accent: #252525;
    --sidebar-accent-foreground: #FFFFFF;
    --sidebar-border: #252525;
    --sidebar-ring: #048244;
  }
}

@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);
    letter-spacing: var(--text-hero-tracking);
  }
  .text-title {
    font: var(--text-title);
    letter-spacing: var(--text-title-tracking);
  }
  .text-heading {
    font: var(--text-heading);
    letter-spacing: var(--text-heading-tracking);
  }
  .text-body {
    font: var(--text-body);
    letter-spacing: var(--text-body-tracking);
  }
  .text-caption {
    font: var(--text-caption);
    letter-spacing: var(--text-caption-tracking);
  }
  .text-label {
    font: var(--text-label);
    letter-spacing: var(--text-label-tracking);
  }
  .text-overline {
    font: var(--text-overline);
    letter-spacing: var(--text-overline-tracking);
    text-transform: var(--text-overline-transform);
  }
}