/* ── Variables & reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --color-bg:           #f6f6f7;
  --color-surface:      #ffffff;
  --color-border:       #e3e3e8;
  --color-border-focus: #1a1a1a;
  --color-text:         #1a1a1a;
  --color-text-muted:   #6d7075;
  --color-primary:      #1a1a1a;
  --color-primary-hover:#333333;
  --color-danger:       #c0392b;
  --color-danger-bg:    #fdf3f2;
  --color-danger-border:#f5c6c2;
  --color-success:      #1a7a4a;
  --color-success-bg:   #f2faf5;
  --color-success-border:#c3e8d5;
  --color-info:         #1a56cc;
  --color-info-bg:      #f0f5ff;
  --color-info-border:  #bfd4fe;
  --color-warning:      #c27a0a;
  --color-warning-bg:   #fff8ed;
  --color-warning-border:#fcd270;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.06);
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html {
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.5;
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
}

/* Ensure [hidden] always wins over display overrides from author CSS */
[hidden] { display: none !important; }

a    { color: inherit; text-decoration: none; }
ul   { list-style: none; }