/* ── Design tokens — Reddit/Instagram hybrid ── */
:root {
  /* Core brand */
  --primary:        #3D52A0;
  --primary-active: #2e3f7a;

  /* Text */
  --ink:            #111111;
  --body:           #262626;
  --muted:          #8e8e8e;

  /* Borders */
  --hairline:       #efefef;
  --border-strong:  #c7c7c7;

  /* Backgrounds */
  --canvas:         #fafafa;
  --surface-soft:   #f7f7f7;
  --surface-strong: #efefef;
  --card-bg:        #ffffff;

  /* Accent */
  --coral:          #e1306c;   /* Instagram like/heart pink */
  --forest:         #3D52A0;
  --on-primary:     #ffffff;
  --on-dark:        #ffffff;
  --link:           #3D52A0;
  --link-active:    #2e3f7a;
  --info-border:    #3D52A0;
  --success:        #46d160;
  --success-border: #39b352;
  --vote-up:        #ff4500;   /* Reddit orange */
  --vote-down:      #7193ff;
  --upvote-bg:      #fff4f0;

  /* Shape — rounded like Instagram */
  --r-xs:   3px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-pill: 9999px;
  --r-full: 9999px;

  /* Spacing */
  --sp-xxs: 4px;
  --sp-xs:  8px;
  --sp-sm:  12px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  32px;
  --sp-xxl: 48px;
  --sp-sec: 80px;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}