/* ============================================================
   RESTROEASE THEME: Rose
   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.645 0.246 16.439);
  --primary-foreground: oklch(0.969 0.015 12.422);
  --ring: oklch(0.645 0.246 16.439);
  --chart-1: oklch(0.645 0.246 16.439);
  --chart-2: oklch(0.712 0.194 13.428);
  --chart-3: oklch(0.586 0.253 17.585);
  --chart-4: oklch(0.81 0.117 11.638);
  --chart-5: oklch(0.514 0.222 17.904);
  --sidebar-primary: oklch(0.645 0.246 16.439);
  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);

  /* Brand Scale */
  --brand-50: #fff1f2;
  --brand-100: #ffe4e6;
  --brand-200: #fecdd3;
  --brand-300: #fda4af;
  --brand-400: #fb7185;
  --brand-500: #f43f5e;
  --brand-600: #e11d48;
  --brand-700: #be123c;
  --brand-800: #9f1239;
  --brand-900: #881337;
  --brand-950: #4c0519;
}

  @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.712 0.194 13.428);
  --primary-foreground: oklch(0.145 0 0);
      --ring: oklch(0.712 0.194 13.428);
      --chart-1: oklch(0.712 0.194 13.428);
      --chart-2: oklch(0.81 0.117 11.638);
      --chart-3: oklch(0.645 0.246 16.439);
      --chart-4: oklch(0.892 0.058 10.001);
      --chart-5: oklch(0.586 0.253 17.585);
      --sidebar-primary: oklch(0.712 0.194 13.428);
  --sidebar-primary-foreground: oklch(0.145 0 0);
      
      /* Brand Scale */
      --brand-50: #fff1f2;
      --brand-100: #ffe4e6;
      --brand-200: #fecdd3;
      --brand-300: #fda4af;
      --brand-400: #fb7185;
      --brand-500: #f43f5e;
      --brand-600: #e11d48;
      --brand-700: #be123c;
      --brand-800: #9f1239;
      --brand-900: #881337;
      --brand-950: #4c0519;
    }
  }
}

@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);
  }
}