/* roulang page: index */
:root {
      --brand-primary: #1E293B;
      --brand-dark: #0F141C;
      --brand-accent: #F97316;
      --brand-border: #E2E8F0;
      --brand-bg: #F8F9FA;
      --brand-white: #FFFFFF;
      --shadow-sm: 0 1px 3px rgba(0,0,0,0.05), 0 10px 25px rgba(0,0,0,0.03);
    }
    
    html {
      scroll-behavior: smooth;
    }
    
    body {
      background-color: var(--brand-bg);
      color: #334155;
      font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
    }

    .industrial-card {
      background: var(--brand-white);
      border: 1px solid var(--brand-border);
      border-radius: 4px;
      box-shadow: var(--shadow-sm);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .industrial-card:hover {
      transform: translateY(-3px);
      border-color: var(--brand-accent);
    }

    .tag-mono {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      letter-spacing: 0.05em;
    }
    
    details > summary {
      list-style: none;
    }
    details > summary::-webkit-details-marker {
      display: none;
    }
    details[open] summary svg {
      transform: rotate(180deg);
    }