@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  /* Motif signature : les traits diagonaux arrondis du logo, en filigrane
     sur les surfaces au dégradé Priority (impossible en pur markup). */
  .mark-strokes {
    position: relative;
    overflow: hidden;
  }
  .mark-strokes::after {
    content: '';
    position: absolute;
    right: -30px;
    top: -20px;
    width: 140px;
    height: 180px;
    pointer-events: none;
    background:
      linear-gradient(115deg, transparent 44%, rgba(255, 255, 255, .12) 44%, rgba(255, 255, 255, .12) 52%, transparent 52%),
      linear-gradient(115deg, transparent 62%, rgba(255, 255, 255, .12) 62%, rgba(255, 255, 255, .12) 70%, transparent 70%),
      linear-gradient(115deg, transparent 80%, rgba(255, 255, 255, .12) 80%, rgba(255, 255, 255, .12) 88%, transparent 88%);
    border-radius: 24px;
  }
}