/* ============================================================
   RESTROEASE THEME: Green
   Auto-generated color theme
   ============================================================ */

@layer base {
:root {
  color-scheme: light dark;
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
  --primary: oklch(0.723 0.219 142.1);
  --primary-foreground: oklch(0.982 0.018 155.826);
  --ring: oklch(0.723 0.219 142.1);
  --chart-1: oklch(0.723 0.219 142.1);
  --chart-2: oklch(0.792 0.209 151.711);
  --chart-3: oklch(0.627 0.194 149.214);
  --chart-4: oklch(0.871 0.15 154.449);
  --chart-5: oklch(0.527 0.154 150.069);
  --sidebar-primary: oklch(0.723 0.219 142.1);
  --sidebar-primary-foreground: oklch(0.982 0.018 155.826);

  /* Brand Scale */
  --brand-50: #f0fdf4;
  --brand-100: #dcfce7;
  --brand-200: #bbf7d0;
  --brand-300: #86efac;
  --brand-400: #4ade80;
  --brand-500: #22c55e;
  --brand-600: #16a34a;
  --brand-700: #15803d;
  --brand-800: #166534;
  --brand-900: #14532d;
  --brand-950: #052e16;
}

  @media (prefers-color-scheme: dark) {
    :root {
      --background: oklch(0.145 0 0);
      --foreground: oklch(0.985 0 0);
      --card: oklch(0.205 0 0);
      --card-foreground: oklch(0.985 0 0);
      --popover: oklch(0.205 0 0);
      --popover-foreground: oklch(0.985 0 0);
      --secondary: oklch(0.269 0 0);
      --secondary-foreground: oklch(0.985 0 0);
      --muted: oklch(0.269 0 0);
      --muted-foreground: oklch(0.708 0 0);
      --accent: oklch(0.269 0 0);
      --accent-foreground: oklch(0.985 0 0);
      --destructive: oklch(0.704 0.191 22.216);
      --destructive-foreground: oklch(0.985 0 0);
      --border: oklch(1 0 0 / 10%);
      --input: oklch(1 0 0 / 15%);
      --sidebar: oklch(0.205 0 0);
      --sidebar-foreground: oklch(0.985 0 0);
      --sidebar-accent: oklch(0.269 0 0);
      --sidebar-accent-foreground: oklch(0.985 0 0);
      --sidebar-border: oklch(1 0 0 / 10%);
      --sidebar-ring: oklch(0.556 0 0);
  --primary: oklch(0.7 0.19 152);
  --primary-foreground: oklch(0.145 0 0);
  --ring: oklch(0.7 0.19 152);
  --chart-1: oklch(0.7 0.19 152);
      --chart-2: oklch(0.871 0.15 154.449);
      --chart-3: oklch(0.723 0.219 142.1);
      --chart-4: oklch(0.925 0.084 155.995);
      --chart-5: oklch(0.627 0.194 149.214);
  --sidebar-primary: oklch(0.7 0.19 152);
  --sidebar-primary-foreground: oklch(0.145 0 0);
      
      /* Brand Scale */
      --brand-50: #f0fdf4;
      --brand-100: #dcfce7;
      --brand-200: #bbf7d0;
      --brand-300: #86efac;
      --brand-400: #4ade80;
      --brand-500: #22c55e;
      --brand-600: #16a34a;
      --brand-700: #15803d;
      --brand-800: #166534;
      --brand-900: #14532d;
      --brand-950: #052e16;
    }
  }
}

@layer utilities {
  .glass {
    background: var(--surface-glass);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid var(--surface-glass-border);
  }

  .glass-strong {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }

  @media (prefers-color-scheme: dark) {
    .glass-strong {
      background: rgba(12, 10, 9, 0.85);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
  }

  .text-gradient-brand {
    background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .bg-gradient-brand {
    background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary)));
  }

  .bg-gradient-subtle {
    background: linear-gradient(180deg, hsl(var(--background)) 0%, var(--surface-sunken) 100%);
  }

  .bg-gradient-warm {
    background: linear-gradient(135deg, hsl(var(--accent)), hsl(var(--secondary)));
  }

  @media (prefers-color-scheme: dark) {
    .bg-gradient-warm {
      background: linear-gradient(135deg, hsl(var(--accent)), hsl(var(--background)));
    }
  }

  .shadow-glow-brand {
    box-shadow: var(--shadow-glow);
  }

  .shadow-elevated {
    box-shadow: var(--shadow-elevated);
  }

  .section-padding {
    padding-top: clamp(3rem, 8vw, 6rem);
    padding-bottom: clamp(3rem, 8vw, 6rem);
  }

  .container-tight {
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1rem, 4vw, 2rem);
    padding-right: clamp(1rem, 4vw, 2rem);
  }

  .container-wide {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1rem, 4vw, 2rem);
    padding-right: clamp(1rem, 4vw, 2rem);
  }
}