:root{
  /* palette (MUI-like) */
  --color-primary: #1976d2;
  --color-primary-dark: #115293;
  --text-primary: rgba(0,0,0,.87);
  --text-secondary: rgba(0,0,0,.60);
  --border: #e5e7eb;
  --bg-subtle: #f9fafb;
  --hover: #f7f9fc;

  /* typography (MUI-like) */
  --font-family: "Roboto","Helvetica","Arial",sans-serif;
  --h6-size: 1.25rem;   /* 20px */
  --h6-weight: 500;
  --h6-line: 1.6;
  --h6-track: 0.0075em;
  --body1-size: 1rem;   /* 16px */
  --body1-weight: 400;
  --body1-line: 1.5;
  --body1-track: 0.00938em;

  /* layout */
  --radius: 10px;
  --shadow-100: 0 1px 2px rgba(0,0,0,.06);
  --container: 1200px;
}