/**
 * AppLaunchKit — Standard Website Panels
 * Matches Glassy Dev homepage app tiles & Next.js detail pages (.glass-panel).
 *
 * Include in AppLaunchKit landings:
 *   <link rel="stylesheet" href="/apps/applaunchkit-standard.css" />
 *
 * Or copy the :root tokens into the landing's inline <style>.
 */

:root {
  --gd-bg: #000000;
  --gd-text: #ffffff;
  --gd-muted: #86868b;
  --gd-muted-2: #aeaeaf;
  --gd-glass: rgba(255, 255, 255, 0.04);
  --gd-glass-hover: rgba(255, 255, 255, 0.06);
  --gd-glass-border: rgba(255, 255, 255, 0.1);
  --gd-glass-border-hover: rgba(255, 255, 255, 0.2);
  --gd-glass-blur: blur(64px);
  --gd-card-shadow: 0 32px 100px -50px rgba(0, 0, 0, 0.55);
  --gd-card-shadow-hover: 0 36px 110px -40px rgba(0, 0, 0, 0.45);
  --gd-radius: 32px; /* 2rem */
  --gd-radius-sm: 18px;

  /* Aliases used by existing AppLaunchKit templates */
  --glass: var(--gd-glass);
  --glass-border: var(--gd-glass-border);
  --radius: var(--gd-radius);
  --radius-sm: var(--gd-radius-sm);
  --card-shadow: var(--gd-card-shadow);
  --stat-bg: rgba(255, 255, 255, 0.04);
  --btn-secondary-bg: rgba(255, 255, 255, 0.06);
  --platform-bg: rgba(255, 255, 255, 0.06);
  --platform-border: rgba(255, 255, 255, 0.1);
}

/* Large surface panels (hero card, feature blocks, sections) */
.gd-panel,
.hero-card,
.feature,
.feature-card,
.section-card {
  background: var(--gd-glass);
  border: 1px solid var(--gd-glass-border);
  border-radius: var(--gd-radius);
  backdrop-filter: var(--gd-glass-blur);
  -webkit-backdrop-filter: var(--gd-glass-blur);
  box-shadow: var(--gd-card-shadow);
  transition:
    border-color 0.5s ease,
    background-color 0.5s ease,
    box-shadow 0.5s ease;
}

.gd-panel:hover,
.hero-card:hover,
.feature:hover,
.feature-card:hover,
.section-card:hover {
  border-color: var(--gd-glass-border-hover);
  background: var(--gd-glass-hover);
  box-shadow: var(--gd-card-shadow-hover);
}

/* Compact inner tiles / stats */
.gd-tile,
.stat {
  background: var(--stat-bg);
  border: 1px solid var(--gd-glass-border);
  border-radius: var(--gd-radius-sm);
}