/* ============================================================
   Glowtech Design System — Colors & Type tokens
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Brand palette */
  --gt-burgundy:        #b8336a;
  --gt-burgundy-deep:   #9a285a;
  --gt-burgundy-ink:    #6e1c40;
  --gt-pink:            #edc9d3;
  --gt-pink-soft:       #ffedf2;
  --gt-cream:           #fff6e8;

  /* Extended neutrals */
  --gt-ink:    #2a1620;
  --gt-body:   #4a3540;
  --gt-muted:  #8a7780;
  --gt-line:   #ebd9df;
  --gt-line-soft: #f6e7ec;
  --gt-white:  #ffffff;

  /* Semantic */
  --gt-success: #2f8f5e;
  --gt-warning: #d98a2b;
  --gt-danger:  #c0392b;
  --gt-info:    #2e6f9a;

  /* Roles */
  --fg-1: var(--gt-ink);
  --fg-2: var(--gt-body);
  --fg-3: var(--gt-muted);
  --bg-page: var(--gt-cream);

  /* Type */
  --font-sans: 'Assistant', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  /* Motion */
  --ease-warm: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
}

* { box-sizing: border-box; }

html {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.6;
  color: var(--fg-1);
  background: var(--bg-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  background: var(--bg-page);
  color: var(--fg-1);
  overflow-x: hidden;
}

[dir="rtl"] { text-align: right; }

/* Site-wide footer */
.site-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 16px 22px;
  font-size: 12px;
  color: var(--gt-muted);
  direction: rtl;
}
.site-footer a {
  color: var(--gt-muted);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 160ms;
}
.site-footer a:hover { color: var(--gt-burgundy); }
.site-footer-dot { opacity: 0.5; }