/* Theme: Atelier Rooms (atelier-rooms) */
/* A warm, premium workspace built with editorial discipline and flat architectural layouts. */

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

@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4: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=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=Fragment+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 {
    /* Warm organic grey-green derived from the product's natural landscape tint. */
    --palette-neutral-100: #FAFAF9;
    --palette-neutral-150: #F8F9F7;
    --palette-neutral-200: #F3F4F1;
    --palette-neutral-250: #EAEDE8;
    --palette-neutral-300: #DEE3DA;
    --palette-neutral-350: #CFD5C9;
    --palette-neutral-400: #BCC4B5;
    --palette-neutral-450: #A5B09C;
    --palette-neutral-500: #8C9980;
    --palette-neutral-550: #707E64;
    --palette-neutral-600: #59644F;
    --palette-neutral-650: #454E3D;
    --palette-neutral-700: #343B2E;
    --palette-neutral-750: #282D23;
    --palette-neutral-800: #1F231B;
    --palette-neutral-850: #191D16;
    --palette-neutral-900: #171B15;
    /* Highly curated warm chartreuse anchor. */
    --palette-brand-100: #F9FBF3;
    --palette-brand-150: #F7FAF0;
    --palette-brand-200: #F1F7E5;
    --palette-brand-250: #E8F2D4;
    --palette-brand-300: #DBEBBD;
    --palette-brand-350: #CBE29E;
    --palette-brand-400: #B7D679;
    --palette-brand-450: #9FC84D;
    --palette-brand-500: #7CA032;
    --palette-brand-550: #648128;
    --palette-brand-600: #4F671F;
    --palette-brand-650: #3D5018;
    --palette-brand-700: #2F3D12;
    --palette-brand-750: #242E0E;
    --palette-brand-800: #1C240B;
    --palette-brand-850: #171E09;
    --palette-brand-900: #151C08;
    --palette-danger-100: #FFF9F9;
    --palette-danger-150: #FFF7F7;
    --palette-danger-200: #FFEFEF;
    --palette-danger-250: #FFE3E3;
    --palette-danger-300: #FFD2D2;
    --palette-danger-350: #FFBCBC;
    --palette-danger-400: #FFA1A1;
    --palette-danger-450: #FF8181;
    --palette-danger-500: #FF5D5D;
    --palette-danger-550: #FF1919;
    --palette-danger-600: #E10000;
    --palette-danger-650: #AF0000;
    --palette-danger-700: #870000;
    --palette-danger-750: #670000;
    --palette-danger-800: #500000;
    --palette-danger-850: #420000;
    --palette-danger-900: #3E0000;
    --palette-warning-100: #FDFAF6;
    --palette-warning-150: #FCF8F3;
    --palette-warning-200: #FAF3EA;
    --palette-warning-250: #F7EADB;
    --palette-warning-300: #F1DDC5;
    --palette-warning-350: #EBCDAA;
    --palette-warning-400: #E2B988;
    --palette-warning-450: #D7A161;
    --palette-warning-500: #CB8534;
    --palette-warning-550: #A56C29;
    --palette-warning-600: #835520;
    --palette-warning-650: #664218;
    --palette-warning-700: #4E3312;
    --palette-warning-750: #3C260E;
    --palette-warning-800: #2E1E0B;
    --palette-warning-850: #261909;
    --palette-warning-900: #241708;
    --palette-success-100: #F7FCF4;
    --palette-success-150: #F4FBF1;
    --palette-success-200: #ECF8E7;
    --palette-success-250: #DFF3D6;
    --palette-success-300: #CCECBF;
    --palette-success-350: #B4E3A1;
    --palette-success-400: #97D77D;
    --palette-success-450: #75CA52;
    --palette-success-500: #56A734;
    --palette-success-550: #45872A;
    --palette-success-600: #366B21;
    --palette-success-650: #2A5319;
    --palette-success-700: #204013;
    --palette-success-750: #18310E;
    --palette-success-800: #13260B;
    --palette-success-850: #101F09;
    --palette-success-900: #0F1D09;
    --palette-info-100: #F7FBFD;
    --palette-info-150: #F4FAFC;
    --palette-info-200: #EBF6F9;
    --palette-info-250: #DDEFF4;
    --palette-info-300: #C8E5ED;
    --palette-info-350: #AED9E5;
    --palette-info-400: #8EC9DA;
    --palette-info-450: #69B7CD;
    --palette-info-500: #40A0BB;
    --palette-info-550: #338298;
    --palette-info-600: #276778;
    --palette-info-650: #1E505E;
    --palette-info-700: #173D48;
    --palette-info-750: #112F37;
    --palette-info-800: #0D242B;
    --palette-info-850: #0B1E23;
    --palette-info-900: #0A1C21;
    --palette-accent-100: #FDFAF6;
    --palette-accent-150: #FCF8F3;
    --palette-accent-200: #FAF3EA;
    --palette-accent-250: #F7EADA;
    --palette-accent-300: #F2DEC3;
    --palette-accent-350: #EBCEA7;
    --palette-accent-400: #E3BA84;
    --palette-accent-450: #D8A35C;
    --palette-accent-500: #C98731;
    --palette-accent-550: #A26D26;
    --palette-accent-600: #81571E;
    --palette-accent-650: #654317;
    --palette-accent-700: #4D3411;
    --palette-accent-750: #3B270D;
    --palette-accent-800: #2E1F0A;
    --palette-accent-850: #261908;
    --palette-accent-900: #231808;
  }

  :root {
    --radius: 1.0rem;
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --background: #FBFDF6;
    --foreground: #0A0A0A;
    --card: #FFFFFF;
    --card-foreground: #0A0A0A;
    --popover: #FFFFFF;
    --popover-foreground: #0A0A0A;
    --primary: #203B14;
    --primary-foreground: #FBFDF6;
    --secondary: var(--palette-neutral-200);
    --secondary-foreground: var(--palette-neutral-900);
    --muted: var(--palette-neutral-150);
    --muted-foreground: #6F706D;
    --accent: var(--palette-brand-200);
    --accent-foreground: #203B14;
    --destructive: #8B0000;
    --destructive-foreground: #FFFFFF;
    --border: var(--palette-neutral-200);
    --input: var(--palette-neutral-300);
    --ring: var(--palette-brand-500);
    --chart-1: #203B14;
    --chart-2: #4A3212;
    --chart-3: #6B7860;
    --chart-4: #231709;
    --chart-5: #C7C7C7;
    --sidebar: #FBFDF6;
    --sidebar-foreground: #0A0A0A;
    --sidebar-primary: #203B14;
    --sidebar-primary-foreground: #FBFDF6;
    --sidebar-accent: var(--palette-brand-200);
    --sidebar-accent-foreground: #203B14;
    --sidebar-border: var(--palette-neutral-200);
    --sidebar-ring: var(--palette-brand-500);
    --font-sans: "Source Serif 4", system-ui, sans-serif;
    --font-display: "Inter", system-ui, sans-serif;
    --font-mono: "Fragment Mono", ui-monospace, monospace;
    --text-hero: 400 3.3125rem/3.25rem var(--font-display);
    --text-hero-tracking: -0.04em;
    --text-title: 400 3.3125rem/3.3125rem var(--font-sans);
    --text-title-tracking: -0.04em;
    --text-heading: 400 1.125rem/1.625rem var(--font-display);
    --text-body: 400 1rem/1.5rem var(--font-sans);
    --text-caption: 400 0.875rem/0.875rem var(--font-display);
    --text-label: 400 0.875rem/0.875rem var(--font-mono);
    --text-label-tracking: 0.02em;
    --text-overline: 600 0.75rem/1rem var(--font-display);
    --text-overline-tracking: 0.08em;
    --text-overline-transform: uppercase;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --gradient-brand_wash: linear-gradient(to right in oklab, rgb(251, 253, 246) 40%, rgba(0, 0, 0, 0) 50%);
  }

  .dark {
    --background: #0A0A0A;
    --foreground: #FBFDF6;
    --card: #151C08;
    --card-foreground: #F1F7E5;
    --popover: #151C08;
    --popover-foreground: #F1F7E5;
    --primary: #D7E8B5;
    --primary-foreground: #0A0A0A;
    --secondary: var(--palette-neutral-800);
    --secondary-foreground: var(--palette-neutral-100);
    --muted: var(--palette-neutral-850);
    --muted-foreground: var(--palette-neutral-400);
    --accent: var(--palette-brand-800);
    --accent-foreground: #F1F7E5;
    --destructive: #FF8080;
    --destructive-foreground: #0A0A0A;
    --border: var(--palette-neutral-800);
    --input: var(--palette-neutral-700);
    --ring: var(--palette-brand-400);
    --chart-1: #D7E8B5;
    --chart-2: #CBE29E;
    --chart-3: #9FC84D;
    --chart-4: #7CA032;
    --chart-5: #4F671F;
    --sidebar: #151C08;
    --sidebar-foreground: #F1F7E5;
    --sidebar-primary: #D7E8B5;
    --sidebar-primary-foreground: #0A0A0A;
    --sidebar-accent: var(--palette-brand-800);
    --sidebar-accent-foreground: #F1F7E5;
    --sidebar-border: var(--palette-neutral-800);
    --sidebar-ring: var(--palette-brand-400);
  }
}

@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);
  }
  .text-body {
    font: var(--text-body);
  }
  .text-caption {
    font: var(--text-caption);
  }
  .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);
  }
}