/* Custom utilities peste Tailwind */

:root {
    --color-muted: #868686;
    --color-light: #f9fafc;
    --color-light-dark: #f2f3f4;
    --color-primary: #5F3AE6;
    --color-primary-dark: #0052ed;
    --color-primary-light: #ebf2ff;
    --color-secondary: #d5dae0;
    --color-secondary-dark: #9ba7b5;
    --color-secondary-light: #fbfbfc;
    --color-success: #4CAF50;
    --color-info: #4AC7F3;
    --color-warning: #f8a13e;
    --color-danger: #fa4040;
    --color-dark: #0c193b;
    --color-star: #CB272E;
  }
  
  /* Custom colors (text/bg) */
  .text-muted { color: var(--color-muted); }
  .text-secondary-inverse { color: #0c193b; }
  .text-light-inverse { color: #1e293b; }
  .bg-light-dark { background-color: var(--color-light-dark); }
  .bg-light { background-color: var(--color-light); }
  .bg-dark-dark { background-color: #09132d; }

  .costar{color: var(--color-star);}
  .cobgstar{background-color: var(--color-star);}
  
  /* Custom font sizes */
  .text-3x { font-size: 3rem; }
  .text-2hx { font-size: 2.5rem; }
  .text-2qx { font-size: 2.25rem; }
  .text-3 { font-size: 1.35rem; }
  .text-4 { font-size: 1.25rem; }
  .text-5 { font-size: 1.15rem; }
  .text-6 { font-size: 1.075rem; }
  .text-7 { font-size: 0.95rem; }
  .text-8 { font-size: 0.85rem; }
  
  /* Font families */
  .font-display, .font-body, .font-sans {
    font-family: system-ui,-apple-system,'Segoe UI','Roboto','Helvetica','Arial','sans-serif','Apple Color Emoji','Segoe UI Emoji';
  }
  
  /* Transition easing */
  .ease-in-out-custom {
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  
  /* Dropdown animation keyframes */
  @keyframes dropdown-fade-in {
    0% { opacity: 0; margin-top: 0.75rem; }
    100% { opacity: 1; margin-top: 0; }
  }
  @keyframes dropdown-fade-out {
    0% { opacity: 1; margin-top: 0; }
    100% { opacity: 0; margin-top: 0.75rem; }
  }
  .animate-dropdown-in {
    animation: dropdown-fade-in 0.3s ease-in-out;
  }
  .animate-dropdown-out {
    animation: dropdown-fade-out 0.3s ease-in-out;
  }