/* frontend/assets/css/theme.css */

:root{
  /* Base colors */
  --bg: #ffffff;
  --panel: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --border: #e5e7eb;

  /* Red accent */
  --accent: #dc2626;      /* red-600 */
  --accent-weak: #fee2e2; /* red-100 */
  --accent-2: #991b1b;    /* red-800 */

  /* UI tokens */
  --shadow: 0 10px 30px rgba(17,24,39,.08);
  --radius: 14px;
  --radius-sm: 10px;

  /* Typography */
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
}

/* Reset / base */
*{ box-sizing:border-box; }
html, body{ height:100%; }

/* Make the change obvious */
html{
  font-size: 18px; /* ✅ global scale; change 16–19 to taste */
}

body{
  margin:0;
  font-family: var(--font);
  font-size: 16px;     /* ✅ base text size */
  line-height: 1.45;
  color: var(--text);
  background: linear-gradient(180deg, #ffffff, #fafafa);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Links */
a{ color:inherit; text-decoration:none; }

/* Helpers */
.muted{ color: var(--muted); }