/* Shared design values; page geometry stays in page stylesheets. */
:root {
  --color-primary: #155eef;
  --color-primary-deep: #0b3fb7;
  --color-ink: #111827;
  --color-muted: #667085;
  --color-cloud: #f7f9fc;
  --color-line: #e4e7ec;
  --color-error: #b3262b;
  --color-white: #fff;
  --radius-card: 16px;
  --radius-control: 8px;
  --container: 1280px;
  --shadow-card: 0 18px 50px rgb(16 24 40 / 7%);
  --color-primary-soft: #edf4ff;
  --color-gold: #b8954d;
  --brand-blue: #155eef;
  --brand-blue-deep: #0b3fb7;
  --brand-blue-soft: #eaf2ff;
  --brand-gold: #b8954d;
  --brand-gold-soft: #f7f1e6;
  --brand-ink: #101828;
  --brand-copy: #475467;
  --brand-muted: #667085;
  --brand-line: #e4e7ec;
  --brand-surface: #f8fafc;
  --brand-radius: 18px;
  --brand-shadow: 0 28px 80px rgb(16 24 40 / 8%);
}