/* Theme: Marigold Press (marigold-press) */
/* A confident editorial display theme featuring punchy orange on cream, bringing magazine-grade trust and bold layouts to content platforms. */

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

@import url("https://fonts.googleapis.com/css2?family=Newsreader: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=DM+Serif+Display: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=Courier+Prime: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 {
    /* Deep ink-well navy carrying the brand's primary editorial contrast. */
    --palette-neutral-100: #FAFAFD;
    --palette-neutral-150: #F9F9FC;
    --palette-neutral-200: #F3F3F9;
    --palette-neutral-250: #EBEBF5;
    --palette-neutral-300: #DFDFEF;
    --palette-neutral-350: #D0D0E6;
    --palette-neutral-400: #BEBEDC;
    --palette-neutral-450: #A8A8CF;
    --palette-neutral-500: #9090C1;
    --palette-neutral-550: #6767AB;
    --palette-neutral-600: #4D4D8F;
    --palette-neutral-650: #3C3C72;
    --palette-neutral-700: #2E2E5A;
    --palette-neutral-750: #242447;
    --palette-neutral-800: #1D1D3A;
    --palette-neutral-850: #191931;
    --palette-neutral-900: #17172F;
    /* Highly saturated editorial marigold orange. */
    --palette-brand-100: #FFF9F6;
    --palette-brand-150: #FFF7F3;
    --palette-brand-200: #FFF0E8;
    --palette-brand-250: #FFE4D5;
    --palette-brand-300: #FFD3BC;
    --palette-brand-350: #FFBE9B;
    --palette-brand-400: #FFA374;
    --palette-brand-450: #FF8546;
    --palette-brand-500: #FF6111;
    --palette-brand-550: #DC4A00;
    --palette-brand-600: #AF3A00;
    --palette-brand-650: #892D00;
    --palette-brand-700: #692300;
    --palette-brand-750: #511A00;
    --palette-brand-800: #3F1400;
    --palette-brand-850: #341100;
    --palette-brand-900: #311000;
    --palette-danger-100: #FFF9F7;
    --palette-danger-150: #FFF7F3;
    --palette-danger-200: #FFF0E8;
    --palette-danger-250: #FFE4D6;
    --palette-danger-300: #FFD3BC;
    --palette-danger-350: #FFBE9C;
    --palette-danger-400: #FFA374;
    --palette-danger-450: #FF8546;
    --palette-danger-500: #FF6111;
    --palette-danger-550: #DD4A00;
    --palette-danger-600: #B03A00;
    --palette-danger-650: #892D00;
    --palette-danger-700: #6A2200;
    --palette-danger-750: #511A00;
    --palette-danger-800: #3F1400;
    --palette-danger-850: #341100;
    --palette-danger-900: #311000;
    --palette-warning-100: #FEFAF3;
    --palette-warning-150: #FDF8EF;
    --palette-warning-200: #FCF3E4;
    --palette-warning-250: #FAEBD1;
    --palette-warning-300: #F7E0B6;
    --palette-warning-350: #F3D194;
    --palette-warning-400: #EDBE6A;
    --palette-warning-450: #E7A939;
    --palette-warning-500: #C68919;
    --palette-warning-550: #A06E14;
    --palette-warning-600: #7F570F;
    --palette-warning-650: #63440B;
    --palette-warning-700: #4C3409;
    --palette-warning-750: #3A2806;
    --palette-warning-800: #2D1F05;
    --palette-warning-850: #251904;
    --palette-warning-900: #231804;
    --palette-success-100: #F5FCFA;
    --palette-success-150: #F2FCF8;
    --palette-success-200: #E7F9F2;
    --palette-success-250: #D6F4E8;
    --palette-success-300: #BDEEDA;
    --palette-success-350: #9EE5C8;
    --palette-success-400: #78DBB3;
    --palette-success-450: #4BCE99;
    --palette-success-500: #2EA877;
    --palette-success-550: #258860;
    --palette-success-600: #1D6C4C;
    --palette-success-650: #16543B;
    --palette-success-700: #11412D;
    --palette-success-750: #0D3123;
    --palette-success-800: #0A261B;
    --palette-success-850: #082016;
    --palette-success-900: #081E15;
    --palette-info-100: #F8FAFD;
    --palette-info-150: #F6F9FC;
    --palette-info-200: #EFF4FA;
    --palette-info-250: #E3EDF7;
    --palette-info-300: #D3E2F1;
    --palette-info-350: #BED4EB;
    --palette-info-400: #A5C4E2;
    --palette-info-450: #88B0D8;
    --palette-info-500: #6799CB;
    --palette-info-550: #3D7BBA;
    --palette-info-600: #2F6294;
    --palette-info-650: #244C74;
    --palette-info-700: #1B3A59;
    --palette-info-750: #152C44;
    --palette-info-800: #102235;
    --palette-info-850: #0D1C2C;
    --palette-info-900: #0C1B29;
    --palette-accent-100: #FEFAF3;
    --palette-accent-150: #FDF8EF;
    --palette-accent-200: #FCF3E4;
    --palette-accent-250: #FAEBD1;
    --palette-accent-300: #F7E0B6;
    --palette-accent-350: #F3D194;
    --palette-accent-400: #EDBE6A;
    --palette-accent-450: #E7A939;
    --palette-accent-500: #C68919;
    --palette-accent-550: #A06E14;
    --palette-accent-600: #7F570F;
    --palette-accent-650: #63440B;
    --palette-accent-700: #4C3409;
    --palette-accent-750: #3A2806;
    --palette-accent-800: #2D1F05;
    --palette-accent-850: #251904;
    --palette-accent-900: #231804;
  }

  :root {
    --radius: 0rem;
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --background: #FFFAF0;
    --foreground: #1A1A2E;
    --card: #FFFAF0;
    --card-foreground: #1A1A2E;
    --popover: #FFF9F6;
    --popover-foreground: #1A1A2E;
    --primary: var(--palette-brand-600);
    --primary-foreground: #FFFFFF;
    --secondary: var(--palette-brand-150);
    --secondary-foreground: var(--palette-brand-700);
    --muted: var(--palette-brand-200);
    --muted-foreground: var(--palette-brand-700);
    --accent: var(--palette-brand-150);
    --accent-foreground: var(--palette-brand-700);
    --destructive: var(--palette-danger-600);
    --destructive-foreground: #FFFFFF;
    --border: var(--palette-brand-250);
    --input: var(--palette-brand-300);
    --ring: var(--palette-brand-500);
    --chart-1: var(--palette-brand-500);
    --chart-2: var(--palette-accent-500);
    --chart-3: var(--palette-neutral-500);
    --chart-4: var(--palette-success-500);
    --chart-5: var(--palette-info-500);
    --sidebar: var(--palette-brand-100);
    --sidebar-foreground: var(--palette-neutral-900);
    --sidebar-primary: var(--palette-brand-600);
    --sidebar-primary-foreground: #FFFFFF;
    --sidebar-accent: var(--palette-brand-200);
    --sidebar-accent-foreground: var(--palette-brand-700);
    --sidebar-border: var(--palette-brand-200);
    --sidebar-ring: var(--palette-brand-500);
    --font-sans: "Newsreader", system-ui, sans-serif;
    --font-display: "DM Serif Display", system-ui, sans-serif;
    --font-mono: "Courier Prime", ui-monospace, monospace;
    --text-hero: 700 4rem/4.25rem var(--font-display);
    --text-hero-tracking: -0.02em;
    --text-title: 700 2.5rem/2.75rem var(--font-display);
    --text-heading: 600 1.75rem/2.125rem var(--font-display);
    --text-body: 400 1.125rem/1.75rem var(--font-sans);
    --text-caption: 400 0.875rem/1.25rem var(--font-sans);
    --text-label: 500 0.9375rem/1.375rem var(--font-sans);
    --text-overline: 700 0.75rem/1rem var(--font-mono);
    --text-overline-tracking: 0.1em;
    --text-overline-transform: uppercase;
    --shadow-xs: 0 1px 2px rgba(26,26,46,0.05);
    --shadow-sm: 0 2px 4px rgba(26,26,46,0.08);
    --shadow-md: 0 4px 8px rgba(26,26,46,0.12);
    --shadow-lg: 0 12px 24px rgba(26,26,46,0.16);
    --shadow-xl: 0 20px 40px rgba(26,26,46,0.2);
    --gradient-brand_wash: linear-gradient(135deg, #FF6110 0%, #E8B04B 100%);
  }

  .dark {
    --background: #1A1A2E;
    --foreground: #FFFAF0;
    --card: #1A1A2E;
    --card-foreground: #FFFAF0;
    --popover: #1A1A2E;
    --popover-foreground: #FFFAF0;
    --primary: var(--palette-brand-500);
    --primary-foreground: #1A1A2E;
    --secondary: var(--palette-brand-850);
    --secondary-foreground: var(--palette-brand-150);
    --muted: var(--palette-brand-850);
    --muted-foreground: var(--palette-brand-300);
    --accent: var(--palette-brand-800);
    --accent-foreground: var(--palette-brand-100);
    --destructive: var(--palette-danger-500);
    --destructive-foreground: #1A1A2E;
    --border: var(--palette-brand-800);
    --input: var(--palette-brand-750);
    --ring: var(--palette-brand-500);
    --chart-1: var(--palette-brand-500);
    --chart-2: var(--palette-accent-500);
    --chart-3: var(--palette-neutral-300);
    --chart-4: var(--palette-success-500);
    --chart-5: var(--palette-info-500);
    --sidebar: var(--palette-neutral-900);
    --sidebar-foreground: var(--palette-neutral-100);
    --sidebar-primary: var(--palette-brand-500);
    --sidebar-primary-foreground: #1A1A2E;
    --sidebar-accent: var(--palette-brand-800);
    --sidebar-accent-foreground: var(--palette-brand-100);
    --sidebar-border: var(--palette-brand-800);
    --sidebar-ring: var(--palette-brand-500);
  }
}

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