/* Anthropic brand palette — matches Claude Code visual identity */

/* Shared: primary orange used in both modes */
:root {
  --md-primary-fg-color:        #d97757;
  --md-primary-fg-color--light: #e89270;
  --md-primary-fg-color--dark:  #c06040;
  --md-accent-fg-color:         #d97757;
  --md-accent-fg-color--transparent: #d9775720;
}

/* Light mode (scheme: default) */
[data-md-color-scheme="default"] {
  --md-primary-bg-color:        #ffffff;
  --md-default-bg-color:        #faf9f7;   /* warm off-white — Anthropic light bg */
  --md-default-fg-color:        #1a1a1a;
}

/* Dark mode (scheme: slate) */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:        #1a1a1a;
}

/* Hide left navigation sidebar on wide screens — top tabs cover navigation there.
   On mobile/tablet (< 76.25em) keep sidebar visible: it IS the drawer menu. */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    display: none;
  }

  .md-content {
    margin-left: 0;
  }
}