/* AceNote internal design system v0.1.0. Controlled working values, not production release tokens. */
:root {
  color-scheme: light;

  --an-color-midnight-navy: #0f172a;
  --an-color-navy-deep: #091222;
  --an-color-navy-raised: #162238;
  --an-color-signal-blue: #2563eb;
  --an-color-signal-blue-dark: #194fc6;
  --an-color-signal-blue-bright: #5a87ff;
  --an-color-warm-white: #faf7f3;
  --an-color-white: #ffffff;
  --an-color-graphite: #334155;
  --an-color-ink: #172033;
  --an-color-muted: #647084;
  --an-color-rule: #d8d9dd;
  --an-color-error: #a62a2a;
  --an-color-focus: #7aa2ff;

  --an-font-sans: Inter, "Helvetica Neue", Helvetica, Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --an-type-display-size: 3.5rem;
  --an-type-display-line: 1.142857;
  --an-type-heading-size: 2rem;
  --an-type-heading-line: 1.25;
  --an-type-body-size: 1rem;
  --an-type-body-line: 1.5;
  --an-type-label-size: 0.75rem;
  --an-type-label-line: 1.333333;

  --an-space-1: 0.25rem;
  --an-space-2: 0.5rem;
  --an-space-3: 0.75rem;
  --an-space-4: 1rem;
  --an-space-6: 1.5rem;
  --an-space-8: 2rem;
  --an-space-12: 3rem;
  --an-space-16: 4rem;

  --an-shell: 75rem;
  --an-content: 56.25rem;
  --an-rule: 1px solid var(--an-color-rule);
  --an-focus-ring: 0 0 0 3px rgb(37 99 235 / 16%);
  --an-shadow-raised: 0 24px 64px rgb(0 0 0 / 25%);

  /* Compatibility aliases while existing local pages migrate to canonical names. */
  --midnight: var(--an-color-midnight-navy);
  --midnight-navy: var(--an-color-midnight-navy);
  --navy-deep: var(--an-color-navy-deep);
  --navy-raised: var(--an-color-navy-raised);
  --signal-blue: var(--an-color-signal-blue);
  --signal-blue-dark: var(--an-color-signal-blue-dark);
  --signal-blue-bright: var(--an-color-signal-blue-bright);
  --warm-white: var(--an-color-warm-white);
  --white: var(--an-color-white);
  --graphite: var(--an-color-graphite);
  --ink: var(--an-color-ink);
  --muted: var(--an-color-muted);
  --rule: var(--an-color-rule);
  --error: var(--an-color-error);
  --focus: var(--an-color-focus);
  --font-sans: var(--an-font-sans);
}