/* ============================================================
   GUSS DELIVERY — Design tokens (shared by cliente + admin)
   Visual: SaaS quente e refinado. Creme + coral, cards macios.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
  /* Brand / coral */
  --coral:        #E85D3A;
  --coral-600:    #D94B2E;
  --coral-400:    #F17E60;
  --coral-tint:   #FCE9E2;
  --coral-tint-2: #F8D7CA;

  /* Surfaces */
  --bg:        #FAFAF7;   /* off-white operacional do redesign */
  --bg-2:      #F5F0E8;
  --surface:   #FFFFFF;
  --surface-2: #FBF7F0;

  /* Ink / text */
  --ink:    #1A1A1A;
  --ink-2:  #4D4541;
  --muted:  #837770;
  --line:   rgba(26, 26, 26, .08);
  --line-2: rgba(26, 26, 26, .12);

  /* Status */
  --green:        #2Fae7a;
  --green-tint:   #E4F5EC;
  --amber:        #E5A341;
  --amber-tint:   #FBF0DC;
  --red:          #E1574B;
  --red-tint:     #FBE6E3;
  --blue:         #3B72E0;
  --blue-tint:    #E6EEFB;

  /* Typography */
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "DM Sans", ui-sans-serif, system-ui, sans-serif;

  /* Radii */
  --r-sm: 8px;
  --r:    10px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* Shadows (sombra quente, suave) */
  --shadow-sm: 0 1px 2px rgba(26,26,26,.04), 0 1px 8px rgba(26,26,26,.03);
  --shadow:    0 10px 28px rgba(26,26,26,.06);
  --shadow-lg: 0 24px 60px rgba(26,26,26,.12);
  --shadow-soft: var(--shadow-sm);

  /* Spacing scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* Motion */
  --ease: cubic-bezier(.4, .14, .3, 1);
  --t-fast: .14s var(--ease);
  --t:      .24s var(--ease);
}