client/src/index.css - main - ai_sampletext/DiplomWork

client/src/index.css

74 строки2 KB

katerinamerzla1

Add core website pages and connect them to backend data

02 мар 2026, 12:53

02 мар 2026, 12:53300a280

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&display=swap');

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

:root {
  --font-sans: 'DM Sans', sans-serif;
  --font-display: 'Outfit', sans-serif;

  /* Atmospheric Dark Studio Theme */
  --background: 240 11% 5%;
  --foreground: 0 0% 98%;

  --card: 240 11% 8%;
  --card-foreground: 0 0% 98%;

  --popover: 240 11% 8%;
  --popover-foreground: 0 0% 98%;

  --primary: 35 92% 58%; /* Warm Amber/Gold */
  --primary-foreground: 240 11% 5%;

  --secondary: 240 10% 16%;
  --secondary-foreground: 0 0% 98%;

  --muted: 240 10% 12%;
  --muted-foreground: 240 5% 65%;

  --accent: 35 92% 58%;
  --accent-foreground: 240 11% 5%;

  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 98%;

  --border: 240 10% 16%;
  --input: 240 10% 16%;
  --ring: 35 92% 58%;

  --radius: 0.75rem;
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground antialiased selection:bg-primary/30 selection:text-primary;
    font-family: var(--font-sans);
    background-image: 
      radial-gradient(circle at 15% 50%, rgba(245, 158, 11, 0.04), transparent 25%),
      radial-gradient(circle at 85% 30%, rgba(245, 158, 11, 0.04), transparent 25%);
    background-attachment: fixed;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    @apply font-semibold tracking-tight text-foreground;
  }
}

@layer utilities {
  .glass-panel {
    @apply bg-white/5 backdrop-blur-xl border border-white/10 shadow-2xl;
  }
  
  .hover-glow {
    @apply transition-all duration-300 hover:shadow-[0_0_30px_-5px_rgba(245,158,11,0.3)] hover:border-primary/50;
  }

  .text-gradient {
    @apply bg-clip-text text-transparent bg-gradient-to-r from-primary via-yellow-200 to-primary;
  }
}