/* ============================================
   COLO DA MÃE CORUJA — Design Tokens
   (espelho dos tokens do app para consistência visual)
   ============================================ */

:root {
  /* ── Marca ── */
  --color-coral:          #F27059;
  --color-coral-dark:     #E05A43;
  --color-coral-light:    #FFEBE6;
  --color-coral-hover:    #D94F3A;

  --color-primary:        #F27059;
  --color-primary-dark:   #E05A43;
  --color-primary-light:  #FFEBE6;

  --color-secondary:      #1A5C8C;
  --color-secondary-dark: #14496F;
  --color-secondary-light:#E8F1F8;
  --color-blue-deep:      #1E3A8A;

  --color-amber:          #F59E0B;
  --color-amber-dark:     #78350F;
  --color-amber-light:    #FEF3C7;

  --color-brown:          #5E4631;

  /* ── Fundo ── */
  --color-bg:             #FDF6EE;
  --color-bg-warm:        #FFF8F0;
  --color-bg-card:        #FFFFFF;

  /* ── Refeições / decor ── */
  --color-lanche:         #6BCB77;
  --color-lanche-text:    #4CAF50;
  --color-jantar:         #7C6BC4;

  /* ── Texto ── */
  --color-text-primary:   #2D3A5C;
  --color-text-body:      #3D4F6F;
  --color-text-secondary: #7A8599;
  --color-text-light:     #A0AEBF;
  --color-text-white:     #FFFFFF;

  /* ── UI ── */
  --color-border:         #E8E0D8;
  --color-border-light:   #F0EBE4;
  --color-divider:        #F5F0EA;

  /* ── Tipografia ── */
  --font-body:            'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display:         'Baloo 2', cursive;

  /* ── Raios ── */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  20px;
  --radius-2xl: 24px;
  --radius-pill: 50px;
  --radius-full: 50%;

  /* ── Sombras ── */
  --shadow-sm:   0 2px 8px rgba(45, 58, 92, 0.06);
  --shadow-md:   0 4px 16px rgba(45, 58, 92, 0.08);
  --shadow-lg:   0 8px 24px rgba(45, 58, 92, 0.10);
  --shadow-xl:   0 12px 40px rgba(45, 58, 92, 0.14);
  --shadow-card: 0 2px 12px rgba(45, 58, 92, 0.07);

  /* ── Layout ── */
  --container:   1120px;
  --transition:  250ms ease;
}