/* Design tokens de SyncMed — idénticos a los usados en App/mockup/index.html
   para que el flujo real y el mockup se vean consistentes. */
:root {
  --brand-primary:        #D4704A;
  --brand-primary-hover:  #BE5C38;
  --brand-primary-light:  #FCF0EA;
  --brand-secondary:      #6B9E7A;
  --brand-secondary-hover:#5A8768;
  --brand-secondary-light:#EAF4ED;
  --brand-accent:         #C9943A;
  --brand-accent-light:   #FFF7E6;
  --c-danger:    #D64235; --c-danger-bg:  #FDECEA;
  --c-success:   #4CAF82; --c-success-bg: #E8F8EF;
  --c-warning:   #E8A020; --c-warning-bg: #FFF7E6;
  --bg:            #FDF6EE;
  --surface:       #FFFFFF;
  --surface-alt:   #FFF9F4;
  --border:        #E8D5C0;
  --border-subtle: #F2E8DC;
  --text-1: #2C1F14; --text-2: #6B5344; --text-3: #9E8070; --text-inv: #FFFFFF;
  --size-mult: 1;
  --fs-xs:   calc(0.72rem  * var(--size-mult));
  --fs-sm:   calc(0.875rem * var(--size-mult));
  --fs-base: calc(1rem     * var(--size-mult));
  --fs-lg:   calc(1.125rem * var(--size-mult));
  --fs-xl:   calc(1.25rem  * var(--size-mult));
  --fs-2xl:  calc(1.5rem   * var(--size-mult));
  --fs-3xl:  calc(1.875rem * var(--size-mult));
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:9999px;
  --sh-sm:0 1px 3px rgba(44,31,20,.08),0 1px 2px rgba(44,31,20,.04);
  --sh-md:0 4px 12px rgba(44,31,20,.10),0 2px 4px rgba(44,31,20,.05);
  --sh-lg:0 8px 24px rgba(44,31,20,.12),0 4px 8px rgba(44,31,20,.06);
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:150ms;--dur-mid:250ms;
}
[data-size="sm"]{--size-mult:.875}[data-size="md"]{--size-mult:1}[data-size="lg"]{--size-mult:1.2}[data-size="xl"]{--size-mult:1.4}
[data-theme="dark"]{
  --bg:#17110A;--surface:#251B10;--surface-alt:#30221A;
  --border:#4A3420;--border-subtle:#352818;
  --text-1:#F5EDE3;--text-2:#C8B09A;--text-3:#9A806A;
  --brand-primary-light:rgba(212,112,74,.15);
  --brand-secondary-light:rgba(107,158,122,.15);
  --brand-accent-light:rgba(201,148,58,.15);
  --c-danger-bg:rgba(214,66,53,.15);--c-success-bg:rgba(76,175,130,.15);--c-warning-bg:rgba(232,160,32,.15);
}
[data-theme="contrast"]{
  --bg:#FFF;--surface:#FFF;--surface-alt:#F0F0F0;
  --border:#000;--border-subtle:#333;
  --text-1:#000;--text-2:#111;--text-3:#333;
  --brand-primary:#6B2210;--brand-secondary:#1A5C2C;
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;}}