/*
Theme Name: Aurora Lite
Theme URI: https://example.com/aurora-lite
Author: ChatGPT
Author URI: https://example.com
Description: A bright, minimalist block theme with modern UI patterns. Clean surfaces, fluid spacing, and accessible components.
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aurora-lite
Tags: full-site-editing, block-styles, light, minimal, custom-colors, custom-logo, editor-style, wide-blocks
*/

:root{
  --al-bg:#ffffff;
  --al-surface:#f8fafc;
  --al-card:#ffffff;
  --al-text:#0f172a;
  --al-muted:#475569;
  --al-border:#e5e7eb;
  --al-accent:#2563eb; /* blue */
  --al-accent-2:#10b981; /* green */
  --al-radius:16px;
  --al-gap:clamp(12px,2vw,24px);
  --al-max:1200px;
  --al-shadow:0 10px 30px rgba(0,0,0,.06);
}

html{scroll-behavior:smooth}
body{background:var(--al-bg); color:var(--al-text)}

.wp-site-blocks{padding-inline:clamp(16px,3vw,32px)}

/* Cards & surfaces */
.al-card{background:var(--al-card); border:1px solid var(--al-border); border-radius:var(--al-radius); padding:clamp(16px,2vw,28px); box-shadow:var(--al-shadow)}
.al-pill{border-radius:999px; padding:.25rem .75rem; background:#eef2ff; color:#1e40af; border:1px solid #e0e7ff}

/* Buttons */
.wp-block-button__link{
  border-radius:12px; border:1px solid transparent; transition:.2s ease;
}
.wp-block-button__link:hover{transform:translateY(-1px)}
.is-style-al-button-ghost .wp-block-button__link{background:transparent;border-color:var(--al-border); color:var(--al-text)}

/* Header */
.al-header{position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(8px); background:rgba(255,255,255,.8); border-bottom:1px solid var(--al-border)}
.al-nav{display:flex; gap:24px; align-items:center; justify-content:flex-end}
.al-nav a{color:var(--al-text); text-decoration:none; opacity:.9}
.al-nav a:hover{opacity:1}
.al-menu-toggle{display:none}

@media (max-width: 960px){
  .al-menu-toggle{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; background:#f1f5f9; border:1px solid var(--al-border)}
  .al-nav{display:none}
  .al-nav.is-open{display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:16px; background:var(--al-surface); border:1px solid var(--al-border); border-radius:12px; position:absolute; top:64px; right:16px; box-shadow:var(--al-shadow)}
}

/* Footer */
.al-footer{border-top:1px solid var(--al-border); background:var(--al-surface)}
.al-footer .wp-block-columns{row-gap:16px}

/* Utility */
.max{max-width:var(--al-max); margin-inline:auto}
.gradient-text{background:linear-gradient(90deg,var(--al-accent),var(--al-accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent}
.small-muted{color:var(--al-muted); font-size:.95rem}
.hr{height:1px; background:var(--al-border)}