/* public/assets/css/base.css */

/* =========================
   THEME TOKENS
   ========================= */
:root{
  /* workspace palette */
  --ui-frame: #05070B;
  --ui-side: #0A0F17;
  --ui-canvas: #0E1622;

  /* базовый фон приложения */
  --st-bg-main: var(--ui-canvas);

  /* landing palette (separate, чтобы не зависеть от workspace ui-*) */
  --st-landing-bg: #060A12;     /* общий фон лендинга */
  --st-landing-header: #03060B; /* фон хедера лендинга */

  /* локальный свет (используется только в landing) */
  --st-hero-glow-primary: rgba(56,189,248,.18);
  --st-hero-glow-secondary: rgba(99,102,241,.12);

  --st-header-footer: #02030A;

  --st-text: #e5e7eb;
  --st-text-muted: #9ca3af;

  --st-accent: #38bdf8;

  --st-border-subtle: rgba(148, 163, 184, 0.25);

  --st-radius-md: 12px;
  --st-radius-lg: 999px;

  --st-shell-max-width: 1120px;

  --st-gap-lg: 24px;
  --st-gap-md: 16px;
  --st-gap-sm: 8px;
}

/* =========================
   RESET
   ========================= */
*,
*::before,
*::after{
  box-sizing: border-box;
}

html,
body{
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}

html{
  -webkit-text-size-adjust: 100%;
}

body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img,
svg,
video,
canvas{
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea{
  font: inherit;
  color: inherit;
}

/* =========================
   BODY (global app wrapper)
   ========================= */
body.st-body{
  min-height: 100vh;
  margin: 0;
  padding: 0;

  background: var(--st-bg-main);
  color: var(--st-text);

  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  display: flex;
  flex-direction: column;
  position: relative;
}

/* workspace: keep background synced with canvas */
body.st-body.is-workspace{
  background: var(--ui-canvas);
}

/* landing: use landing background, независимо от workspace ui-* */
body.st-body.is-landing{
  background: var(--st-landing-bg);
}

/* =========================
   LANDING AMBIENT LIGHT
   ========================= */
body.st-body.is-landing::before{
  content:"";
  position: fixed;
  inset: -20%;
  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(
      700px 360px at 50% 32%,
      var(--st-hero-glow-primary),
      transparent 60%
    ),
    radial-gradient(
      520px 300px at 62% 38%,
      var(--st-hero-glow-secondary),
      transparent 65%
    );

  filter: blur(40px);
}

/* чтобы контент был выше света */
body.st-body > *{
  position: relative;
  z-index: 1;
}

/* =========================
   BASE TYPOGRAPHY
   ========================= */
h1, h2, h3{
  margin: 0 0 0.75em;
  font-weight: 600;
  color: var(--st-text);
}

h1{ font-size: 32px; }
h2{ font-size: 26px; }

p{
  margin: 0 0 0.75em;
  line-height: 1.5;
  color: var(--st-text-muted);
}

/* =========================
   LINKS
   ========================= */
a{
  color: var(--st-accent);
  text-decoration: none;
}

a:hover{
  opacity: 0.92;
}