/*
Theme Name: FluxTheme Starter
Theme URI: https://fluxality.com
Description: A starter theme built for Blockstudio with Tailwind CSS v4, file-based pages, and AI-ready development conventions.
Version: 1.3.0
Requires at least: 6.7
Requires PHP: 8.2
Author: Fluxality
Author URI: https://fluxality.com
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fluxtheme-starter
Domain Path: /languages
*/

@import "tailwindcss";
@source "./blockstudio";

@theme {
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --color-bg: #ffffff;
  --color-elevated: #ffffff;
  --color-subtle: rgb(0 0 0 / 0.05);
  --color-muted: #6b7280;
  --color-accent: #0f3460;
  --color-accent-hover: #0a2647;
  --color-accent-tint: #eef2f8;
  --color-body: #374151;
  --color-heading: #111827;
  --color-border: #e5e7eb;
}

body {
  @apply bg-bg font-sans text-body antialiased;
}

:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@layer base {
  header {
    background: rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  section {
    @apply relative overflow-hidden;
  }

  h1, h2, h3 {
    text-wrap: balance;
    @apply font-semibold tracking-tight text-heading;
  }

  p {
    text-wrap: pretty;
  }

  img {
    @apply max-w-full h-auto;
  }
}

@utility container-px {
  @apply mx-auto max-w-6xl px-6;
}

@utility container {
  @apply container-px py-20 sm:py-28;
}

@utility container-no-pb {
  @apply pb-0 sm:pb-0;
}

@utility bg-accent-tint {
  background-color: var(--color-accent-tint);
}

@utility card {
  @apply rounded-xl border border-border bg-elevated p-6 transition-all duration-200;

  &:hover {
    border-color: var(--color-accent);
    box-shadow: 0 4px 24px rgb(15 52 96 / 0.1);
  }
}

@utility badge {
  @apply inline-flex items-center gap-1.5 rounded-lg bg-accent-tint px-3 py-1 text-xs font-medium tracking-widest uppercase text-accent;
}

@utility btn-primary {
  @apply inline-flex items-center gap-2 rounded-lg bg-accent px-6 py-3 text-sm font-semibold text-white transition-all;

  &:hover {
    background-color: var(--color-accent-hover);
  }
}

@utility btn-secondary {
  @apply inline-flex items-center gap-2 rounded-lg border border-accent bg-white px-6 py-3 text-sm font-semibold text-accent transition-all;

  &:hover {
    background-color: var(--color-accent-tint);
  }
}

@utility label-text {
  @apply text-xs font-medium uppercase tracking-wider text-muted;
}

/* Source scanning handled automatically by Blockstudio's TailwindPHP */