/* @deprecated — Sera removido na fase 2 do Design System.
   Use design-tokens.css como source of truth.
   Este arquivo e mantido apenas para backward compatibility
   com paginas fora do /minha-conta. */

/* TOKENS.CSS - Design Tokens Unificados */

:root {
    /* ── Brand Colors ── */
    --color-primary: #7B5FBD;
    --color-primary-light: #9B7FDD;
    --color-primary-dark: #4e2f83;
    --color-primary-pressed: #3c2467;
    --color-primary-hover: #6a4fa8;
    --color-primary-pale: #9f84d4;

    --color-secondary: #53c160;
    --color-secondary-dark: #3fae4c;
    --color-secondary-pressed: #349a40;
    --color-accent: #FF6B9D;
    --color-blue: #5B9BD5;
    --color-orange: #f7a31d;
    --color-rusty: #dc7338;
    --color-rustyDark: #c95f23;
    --color-rustyPressed: #d1672c;

    /* ── Semantic Status ── */
    --color-success: #52C41A;
    --color-danger: #FF4D4F;
    --color-warning: #FF9F43;
    --color-info: #5B9BD5;

    /* ── Base Neutrals ── */
    --color-white: #FFFFFF;
    --color-black: #212121;
    --color-blackLight: #3a3a3a;
    --color-fog: #f4f5f7;

    /* ── Typography ── */
    --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-mono: 'Courier New', monospace;

    /* ── Z-Index Scale ── */
    --z-base: 0;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 500;
    --z-modal-backdrop: 1000;
    --z-modal: 1001;
    --z-toast: 1100;
    --z-tooltip: 1200;

    /* ── Brand Shadows ── */
    --shadow-primary: 0 4px 12px rgba(123, 95, 189, 0.25);
    --shadow-primary-sm: 0 2px 8px rgba(123, 95, 189, 0.3);
    --shadow-primary-lg: 0 6px 20px rgba(123, 95, 189, 0.35);
    --shadow-primary-xl: 0 8px 20px rgba(123, 95, 189, 0.35);
    --shadow-success: 0 4px 12px rgba(82, 196, 26, 0.25);
    --shadow-success-sm: 0 2px 8px rgba(82, 196, 26, 0.3);

    /* ── Focus Rings ── */
    --focus-ring-primary: 0 0 0 3px rgba(123, 95, 189, 0.1);
    --focus-ring-primary-md: 0 0 0 2px rgba(123, 95, 189, 0.1);

    /* ── Gradients ── */
    --gradient-cta: linear-gradient(135deg, #7B5FBD 0%, #9B7FDD 100%);

    /* ── Breakpoints (referência - CSS não suporta vars em @media) ──
       Ultra-small:   375px   (iPhone SE)
       Mobile:        480px
       Tablet:        768px
       iPad Portrait: 834px
       Desktop:       1024px
       iPad Landscape: 1112px, 1180px
       Wide:          1200px+
    ── */
}