/**
 * AYCM Manuscript — Design Tokens v1.0.0
 * Approved 2026-05-20
 * Source: design-system/tokens.json
 * Import in web projects: @import url("design-system/tokens.css");
 */

:root {
  /* Brand core — logo truth */
  --aycm-brand-cyan: #33ccff;
  --aycm-brand-teal: #00f5d4;
  --aycm-brand-gradient: linear-gradient(135deg, #33ccff 0%, #00f5d4 100%);

  /* Brand extended — green & blue family */
  --aycm-brand-green: #2ecc71;
  --aycm-brand-blue: #29abe2;
  --aycm-brand-extended-gradient: linear-gradient(135deg, #2ecc71 0%, #29abe2 100%);

  /* Feature — Images (iOS vividBrown) */
  --aycm-feature-images: #99582a;
  --aycm-feature-images-light: #c4894a;
  --aycm-feature-images-tan: #e8c9a8;
  --aycm-feature-images-gradient: linear-gradient(135deg, #99582a 0%, #c4894a 100%);

  /* Scene domain — iOS Color+Custom (slate / copper) */
  --aycm-scene-slate: #59668c;
  --aycm-scene-copper: #d98c59;
  --aycm-scene-cream: #faf5ed;
  --aycm-scene-deep-slate: #1c1f29;
  --aycm-scene-titlebar: #172430;
  --aycm-scene-gradient: linear-gradient(135deg, #59668c 0%, #d98c59 100%);
  --aycm-scene-gradient-horizontal: linear-gradient(90deg, #59668c, #d98c59);
  --aycm-feature-scene-slate: var(--aycm-scene-slate);
  --aycm-feature-scene-copper: var(--aycm-scene-copper);

  /* Manuscript / chapter domain — iOS Color+Custom chapter palette */
  --aycm-chapter-forest: #387361;
  --aycm-chapter-sage: #8cb894;
  --aycm-chapter-cream: #f5faf2;
  --aycm-chapter-deep-forest: #17241f;
  --aycm-chapter-gradient: linear-gradient(135deg, #387361 0%, #8cb894 100%);

  /* Semantic — structure */
  --aycm-bg-dark: #080d1a;
  --aycm-bg-card: #0f1629;
  --aycm-bg-nav: rgba(8, 13, 26, 0.92);
  --aycm-text-primary: #ffffff;
  --aycm-text-secondary: #8b9bb4;
  --aycm-border: rgba(51, 204, 255, 0.15);

  /* Legacy aliases (website styles.css) */
  --green: var(--aycm-brand-green);
  --blue: var(--aycm-brand-blue);
  --cyan: var(--aycm-brand-cyan);
  --bg-dark: var(--aycm-bg-dark);
  --bg-card: var(--aycm-bg-card);
  --bg-nav: var(--aycm-bg-nav);
  --text-primary: var(--aycm-text-primary);
  --text-secondary: var(--aycm-text-secondary);
  --border: var(--aycm-border);

  /* Typography — web */
  --aycm-font-web: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --aycm-font-app: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", sans-serif;

  /* Spacing */
  --aycm-space-xs: 8px;
  --aycm-space-sm: 16px;
  --aycm-space-md: 24px;
  --aycm-space-lg: 48px;
  --aycm-space-xl: 80px;

  /* Radius */
  --aycm-radius-pill: 100px;
  --aycm-radius-card: 16px;
  --aycm-radius-small: 12px;
  --aycm-radius-button: var(--aycm-radius-small);
  --aycm-radius-device: 40px;

  /* Layout — full width with modest edge gutters (not a narrow centered column) */
  --aycm-page-gutter: clamp(16px, 2vw, 32px);
  --aycm-content-width: calc(100vw - 2 * var(--aycm-page-gutter));
  --aycm-content-max: 1760px; /* legacy alias; prefer --aycm-content-width */
  --aycm-header-height: 72px;
}

/* Optional utility — body already uses --aycm-font-web in styles.css */
.aycm-web-typography {
  font-family: var(--aycm-font-web);
}