/* ============================================================
   APTIVOO · Design Tokens
   Claude-inspired editorial palette. Do not invent new colors;
   pick from these variables.
   ============================================================ */

:root {
  /* Paper family (backgrounds) */
  --paper:       #F5F1EA;
  --paper-deep:  #EDE6D8;
  --paper-raised:#FDFBF7;

  /* Ink family (text, dark backgrounds) */
  --ink:   #1F1E1D;
  --ink-2: #3D3A36;
  --ink-3: #6B6660;
  --ink-4: #9A938A;
  --ink-5: #C8C1B4;

  /* Signature clay (primary accent) */
  --clay:      #CC785C;
  --clay-deep: #A85F46;
  --clay-soft: #F5E5DD;

  /* Semantic */
  --success: #5A7A5C;
  --warn:    #C8965A;
  --danger:  #B44A3C;

  /* Lines */
  --border: rgba(31,30,29,0.08);
  --hair:   rgba(31,30,29,0.06);

  /* Typography */
  --f-display: "Fraunces", Georgia, "Times New Roman", serif;
  --f-sans:    "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Type scale (editorial, large) */
  --fs-1: clamp(56px, 10vw, 180px);   /* hero display */
  --fs-2: clamp(40px, 6vw, 96px);     /* section title */
  --fs-3: clamp(28px, 3.2vw, 48px);   /* sub title */
  --fs-4: clamp(20px, 1.8vw, 26px);   /* lead */
  --fs-5: 16px;                        /* body */
  --fs-6: 13px;                        /* small */
  --fs-mono: 11px;                     /* caption/mono */

  /* Spacing */
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 40px;
  --s-5: 64px;
  --s-6: 96px;
  --s-7: 140px;
  --s-8: 200px;

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 32px;

  /* Shadows */
  --sh-1: 0 1px 2px rgba(31,30,29,0.05);
  --sh-2: 0 4px 14px rgba(31,30,29,0.08);
  --sh-3: 0 20px 48px rgba(31,30,29,0.12);
  --sh-4: 0 40px 96px rgba(31,30,29,0.18);

  /* Motion */
  --e-out: cubic-bezier(0.16, 1, 0.3, 1);
  --e-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --d-fast: 180ms;
  --d-base: 340ms;
  --d-slow: 640ms;

  /* Container */
  --page-max: 1440px;
  --page-pad: clamp(24px, 5vw, 120px);
}