/* ==========================================================================
   Pendova Panel design tokens (brand guidelines v1.0).
   Single source for colour, type, radius and shadow. Everything new reads from
   here; nothing should hard-code the old template blue (#4361ee) again.
   ========================================================================== */
:root {
  --pd-primary: #ED0E47;        /* Raspberry: actions, selected states */
  --pd-primary-deep: #D40A3E;
  --pd-primary-light: #FF4D8D;
  --pd-primary-tint: #FFEEF3;   /* selected fills, badges */
  --pd-blush: #FFD8E0;
  --pd-sky: #43C2FE;            /* logo colours: decorative moments only */
  --pd-rose: #F55C83;
  --pd-lavender: #AD87B5;

  --pd-ink: #1C1633;            /* headings, body */
  --pd-muted: #6B667D;          /* secondary text */
  --pd-placeholder: #A8A3B4;
  --pd-line: #ECE8F4;           /* hairlines, borders */
  --pd-soft: #F5F3F8;           /* subtle fills, tracks */
  --pd-ground: #F7F5FC;         /* page ground behind cards */
  --pd-surface: #FFFFFF;

  --pd-success: #16A34A;  --pd-success-tint: #E8F8EE;
  --pd-warning: #D97706;  --pd-warning-tint: #FEF3E2;
  --pd-error:   #E5484D;  --pd-error-tint:   #FDECEC;
  --pd-info:    #2563EB;  --pd-info-tint:    #EAF1FE;

  --pd-gradient-action: linear-gradient(90deg, #FF5C8A 0%, #ED0E47 55%, #D40A3E 100%);
  --pd-gradient-hero: linear-gradient(160deg, #ED0E47 0%, #F41E5C 38%, #FF4D8D 72%, #FF8FB0 100%);
  --pd-gradient-wordmark: linear-gradient(90deg, #43C2FE, #AD87B5, #F55C83);

  --pd-shadow-card: 0 14px 34px rgba(122, 10, 42, .10);
  --pd-shadow-soft: 0 4px 14px rgba(28, 22, 51, .06);
  --pd-shadow-cta: 0 12px 26px rgba(237, 14, 71, .28);
  --pd-focus-ring: 0 0 0 4px rgba(237, 14, 71, .14);

  --pd-radius-sm: 10px;  --pd-radius-md: 14px;  --pd-radius-lg: 18px;  --pd-radius-xl: 24px;  --pd-radius-pill: 999px;

  --pd-font: 'Manrope', 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}