/* ============================================================
   ResTranslate Design Tokens
   Source of truth for the back-office visual identity.
   Charter: Violet-Bleu #370F60 | Blanc-Bleu #DBD6FF | Rose #d72a46
   Font: Poppins (text) | Allison (logo only) | Parisienne (accents only)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* --- Brand palette --- */
:root {
    /* Primary — Violet-Bleu */
    --rt-primary: #370F60;
    --rt-primary-rgb: 55, 15, 96;
    --rt-primary-dark: #2a0b4a;
    --rt-primary-light: #DBD6FF;
    --rt-primary-light-rgb: 219, 214, 255;
    --rt-primary-50: #f3f0ff;

    /* Accent — Nouveau Rose */
    --rt-accent: #d72a46;
    --rt-accent-rgb: 215, 42, 70;
    --rt-accent-dark: #b8203a;
    --rt-accent-light: #fce4e8;

    /* Surfaces */
    --rt-surface: #f8f7fc;
    --rt-surface-alt: #efedf8;

    /* Text */
    --rt-text: #1e1e2f;
    --rt-text-secondary: #6b6b80;
    --rt-text-on-primary: #ffffff;
    --rt-text-on-accent: #ffffff;

    /* Borders */
    --rt-border: #d8d5e8;
    --rt-border-light: #eceaf5;

    /* Semantic */
    --rt-success: #16a34a;
    --rt-success-light: #dcfce7;
    --rt-warning: #d97706;
    --rt-warning-light: #fef3c7;
    --rt-danger: #dc2626;
    --rt-danger-light: #fee2e2;
    --rt-info: #2563eb;
    --rt-info-light: #dbeafe;

    /* --- Typography --- */
    --rt-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --rt-font-mono: SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    --rt-font-size-xs: 0.75rem;   /* 12px */
    --rt-font-size-sm: 0.8125rem; /* 13px */
    --rt-font-size-base: 0.875rem;/* 14px */
    --rt-font-size-md: 1rem;      /* 16px */
    --rt-font-size-lg: 1.125rem;  /* 18px */
    --rt-font-size-xl: 1.25rem;   /* 20px */
    --rt-font-size-2xl: 1.5rem;   /* 24px */
    --rt-font-size-3xl: 1.875rem; /* 30px */

    --rt-font-weight-normal: 400;
    --rt-font-weight-medium: 500;
    --rt-font-weight-semibold: 600;
    --rt-font-weight-bold: 700;

    --rt-line-height-tight: 1.25;
    --rt-line-height-base: 1.5;
    --rt-line-height-relaxed: 1.75;

    /* --- Spacing --- */
    --rt-space-1: 0.25rem;  /* 4px */
    --rt-space-2: 0.5rem;   /* 8px */
    --rt-space-3: 0.75rem;  /* 12px */
    --rt-space-4: 1rem;     /* 16px */
    --rt-space-5: 1.25rem;  /* 20px */
    --rt-space-6: 1.5rem;   /* 24px */
    --rt-space-8: 2rem;     /* 32px */

    /* --- Radius --- */
    --rt-radius-sm: 6px;
    --rt-radius: 8px;
    --rt-radius-md: 12px;
    --rt-radius-lg: 16px;
    --rt-radius-full: 9999px;

    /* --- Sidebar --- */
    --sidebar-max-width: 240px;

    /* --- Shadows --- */
    --rt-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --rt-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --rt-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
    --rt-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);

    /* --- Transitions --- */
    --rt-transition-fast: 150ms ease;
    --rt-transition: 200ms ease;

    /* ========================================================
       EasyAdmin :root overrides
       These map our tokens onto EasyAdmin's own CSS variables.
       ======================================================== */

    /* Typography */
    --font-family-sans-serif: var(--rt-font-family);
    --font-family-base: var(--rt-font-family);

    /* Colors */
    --body-bg: var(--rt-surface);
    --text-color: var(--rt-text);
    --text-color-dark: var(--rt-text);
    --text-color-light: var(--rt-text-secondary);

    --color-primary: var(--rt-primary);
    --color-success: var(--rt-success);
    --color-info: var(--rt-info);
    --color-warning: var(--rt-warning);
    --color-danger: var(--rt-danger);

    --text-on-primary: var(--rt-text-on-primary);

    --link-color: var(--rt-primary);
    --link-hover-color: var(--rt-primary-dark);

    /* Content panels */
    --content-panel-bg: #ffffff;
    --form-bg: #ffffff;
    --table-header-bg: var(--rt-surface-alt);
    --table-footer-bg: var(--rt-surface);
    --fieldset-bg: var(--rt-primary-50);

    /* Borders */
    --border-color: var(--rt-border);
    --border-radius: var(--rt-radius);

    /* Shadows */
    --box-shadow-lg: var(--rt-shadow-lg);
}