:root {
  --brand-anchor: #1b2236;
  --brand-spark: #f0b429;
  --brand-spark-pressed: #d79b0f;
  --brand-spark-soft: #f6ce6b;
  --brand-spark-tint: #fbf1d3;
  --focus-ring: rgba(240, 180, 41, 0.45);
  --surface-paper: #faf7f0;
  --surface-card: #ffffff;
  --surface-white: #ffffff;
  --border-subtle: #e6dfd3;
  --text-primary: #1f2328;
  --text-secondary: #5c5856;
  --semantic-success: #4a9b7f;
  --semantic-success-bg: #e8f5ef;
  --semantic-success-text: #3a7a64;
  --semantic-warning: #e07b54;
  --semantic-warning-bg: #fef0eb;
  --semantic-warning-text: #a55b3e;
  --semantic-error: #d64545;
  --semantic-error-bg: #fbeaea;
  --semantic-error-text: #c43f3f;
  --identifier-forest: #5a9b7c;
  --identifier-coral: #e8806a;
  --identifier-sky: #5b8fc9;
  --identifier-lavender: #8b7cb8;
  --identifier-sky-bg: color-mix(in srgb, var(--identifier-sky) 12%, var(--surface-white));
  --shadow-sm: 0 2px 6px rgba(27, 34, 54, 0.08);
  --shadow-md: 0 6px 16px rgba(27, 34, 54, 0.10);
  --max: 1180px;
}