/* ============================================
 * Magic Darkroom · Design Tokens
 * All visual primitives as CSS custom properties.
 * Import this FIRST in every page.
 * ============================================ */

:root {
  /* ---- Background layers ---- */
  --c-bg:           #f8f8f0;
  --c-bg-content:   rgb(247, 243, 223);

  /* ---- Text hierarchy (NO pure black) ---- */
  --c-text-h:       #794f27;
  --c-text:         #725d42;
  --c-text-2:       #8a7b66;
  --c-text-3:       #9f927d;
  --c-text-disable: #c4b89e;

  /* ---- Lines / borders ---- */
  --c-line:         #9f927d;
  --c-line-soft:    #c4b89e;

  /* ---- Mochi brand (primary action) ---- */
  --c-mochi:        #E89D6F;
  --c-mochi-deep:   #D08456;
  --c-mochi-soft:   #FAE2D3;

  /* ---- Mint accent ---- */
  --c-mint:         #19c8b9;
  --c-mint-light:   #e6f9f6;

  /* ---- Focus / yellow (NEVER use blue focus) ---- */
  --c-focus-yellow: #ffcc00;
  --c-focus-deep:   #e0b800;

  /* ---- Semantic ---- */
  --c-success:      #6fba2c;
  --c-warn:         #f5c31c;
  --c-error:        #e05a5a;

  /* ---- Shadows ---- */
  --sh-btn:         #bdaea0;
  --sh-input:       #d4c9b4;
  --sh-card:        rgba(107, 92, 67, 0.42);

  /* ---- Darkroom context (task[developing] ONLY) ---- */
  --c-dark-bg:      #2A1F3A;
  --c-dark-red:     #E55A55;

  /* ---- NookPhone palette (template tags) ---- */
  --c-nook-pink:    #f8a6b2;
  --c-nook-purple:  #b77dee;
  --c-nook-blue:    #889df0;
  --c-nook-yellow:  #f7cd67;
  --c-nook-orange:  #e59266;
  --c-nook-teal:    #82d5bb;
  --c-nook-green:   #8ac68a;
  --c-nook-red:     #fc736d;
  --c-nook-lime:    #d1da49;
  --c-nook-peach:   #e18c6f;

  /* ---- Font stacks ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "Fira Code", Consolas, monospace;

  /* ---- Easing ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-pop:      cubic-bezier(0.18, 1.25, 0.5, 1.15);

  /* ---- Timing ---- */
  --dur-fast:    0.15s;
  --dur-normal:  0.25s;
  --dur-slow:    0.4s;
}