/* Signature : anthracites éclaircis, finitions métalliques et contours argentés.
   Couche visuelle uniquement ; les autres concepts et l'impression sont conservés. */
@media screen {
  :root[data-concept=signature] {
    --ink: #f5f5f5;
    --muted: #c7c7c7;
    --line: #646464;
    --silver: #d6d6d6;
    --signature-silver: #cacaca;
    --signature-silver-light: #f3f3f3;
    --signature-panel: linear-gradient(135deg, #4b4b4b, #303030 78%);
    --signature-control: linear-gradient(125deg, #505050, #343434);
    color-scheme: dark;
  }

  :root[data-concept=signature] body {
    background: radial-gradient(ellipse at 85% 0, #353535 0, transparent 48%) no-repeat,
      #1b1b1b;
    background-size: 100% 1000px;
  }

  :root[data-concept=signature] .header {
    background: linear-gradient(110deg, #292929, #212121 65%, #313131);
    box-shadow: 0 1px #ffffff2b;
  }

  :root[data-concept=signature] .hero {
    border-color: #999999;
    background: #2e2e2e;
    box-shadow: inset 0 1px #ffffff55, 0 14px 45px #0003;
  }

  :root[data-concept=signature] .hero:after {
    background: radial-gradient(ellipse at 65% 0, #ffffff13, transparent 58%),
      linear-gradient(180deg, #2e2e2e 0%, #2e2e2e 39%, #2e2e2ecf 48%, transparent 78%);
  }

  :root[data-concept=signature] .hero h1 em {
    background-image: linear-gradient(105deg, #fff, #c8c8c8 55%, #f6f6f6);
  }

  :root[data-concept=signature] .hero-description { color: #e1e1e1; }
  :root[data-concept=signature] .hero-bottom { color: #efefef; text-shadow: 0 1px 5px #000; }
  :root[data-concept=signature] .page-intro {
    background: radial-gradient(ellipse at 50% -60%, #686868, transparent 75%);
  }

  /* Surfaces : une lumière argentée en tête, sans filtre sur les photos. */
  :root[data-concept=signature] :is(.product-card, .contact-form, .account-panel,
    .offers-state, .callback-card, .contact-channels article, .company-experience article,
    .company-erp, .achievements-grid article, .project-studio, .studio-part,
    .studio-estimate, .studio-callback-card, .studio-save-account, .studio-preparation,
    .ai-future, .whatsapp-pending, .product-technical, .checkout-page form,
    .library-status, .library-empty, .portal-shell, .project) {
    background: var(--signature-panel);
    border-color: #a6a6a6;
    box-shadow: inset 0 1px #ffffff2b, 0 10px 28px #0002;
  }

  :root[data-concept=signature] .category-aside {
    background: linear-gradient(145deg, #3a3a3a, #252525);
    border-color: #b3b3b3;
    box-shadow: inset 0 1px #ffffff2b;
  }
  :root[data-concept=signature] .category-list { background: transparent; }
  :root[data-concept=signature] :is(.product-card .visual, .universe-visual, .detail-image) {
    background: radial-gradient(ellipse at 40% 0, #464646, #262626 78%);
    border-color: #909090;
    box-shadow: inset 0 1px #ffffff26;
  }
  :root[data-concept=signature] .universe { border-color: #737373; }
  :root[data-concept=signature] .universe:last-child { border-bottom-color: #737373; }
  :root[data-concept=signature] :is(.catalogue-disclaimer, .commerce-notice, .service-notice,
    .legal-status, .legal-template, .filter-data-pending, .auth-state,
    .studio-product-source, .studio-catalogue-empty, .checkout-facts) {
    background: #313131;
    border-color: #7b7b7b;
    color: #d8d8d8;
  }
  :root[data-concept=signature] :is(.led-stage, .studio-preview) {
    background: radial-gradient(ellipse at 50% 34%, #464646, #212121 75%);
    border-color: #b3b3b3;
  }
  :root[data-concept=signature] .footer {
    background: linear-gradient(135deg, #373737, #262626 70%);
    border-color: #939393;
    box-shadow: inset 0 1px #ffffff24;
  }
  :root[data-concept=signature] .account-page { background: transparent; }

  /* Contours fins, argentés, avec une lumière intérieure discrète. */
  :root[data-concept=signature] :is(.button, .button.dark, .button.outline,
    .hero-actions a, .auth-button, .menu-toggle, .cart-button, .catalogue-filter-button,
    .mobile-category, .category-button, .led-power, .led-off, .led-temperatures button,
    .led-stage-bottom button, .studio-temperature, .studio-upload, .slot-presets button,
    .site-back, .chat-launcher, .chat-quick button, .filter-close, .chat-close,
    .studio-file>button, .studio-selected-product button, .studio-catalogue-dialog>header>button) {
    border: 1px solid var(--signature-silver);
    background: var(--signature-control);
    color: #f9f9f9;
    box-shadow: inset 0 1px #ffffff2e, 0 3px 10px #0002;
    transition: background .2s, border-color .2s, box-shadow .2s, color .2s;
  }
  :root[data-concept=signature] .hero-actions a {
    border-width: 1.5px;
    border-color: var(--signature-silver)!important;
    background: var(--signature-control)!important;
    color: #fff!important;
  }
  :root[data-concept=signature] .hero-actions a:first-child {
    background: linear-gradient(125deg, #f7f7f7, #cacaca 58%, #e2e2e2)!important;
    color: #212121!important;
    box-shadow: inset 0 1px #ffffff;
  }
  :root[data-concept=signature] :is(.category-button[aria-pressed=true],
    .studio-temperature[aria-checked=true], .led-temperatures button[aria-pressed=true],
    .slot-presets button[aria-pressed=true], .led-power[aria-pressed=true],
    .led-off[aria-pressed=true], .menu-toggle[aria-expanded=true]) {
    background: linear-gradient(125deg, #e7e7e7, #bcbcbc);
    border-color: #f3f3f3;
    color: #212121;
    box-shadow: inset 0 1px #ffffff;
  }
  :root[data-concept=signature] :is(.studio-temperature[aria-checked=true] small,
    .led-temperatures button[aria-pressed=true]>span) { color: #373737; }
  :root[data-concept=signature] .studio-temperature[aria-checked=true] .temperature-radio {
    border-color: #454545;
    background: #454545;
    box-shadow: inset 0 0 0 3px #e7e7e7;
  }

  :root[data-concept=signature] .header #main-navigation>a {
    border-color: var(--signature-silver)!important;
    color: #f7f7f7;
  }
  :root[data-concept=signature] .header #main-navigation .account-link {
    border: 1px solid var(--signature-silver)!important;
    background: linear-gradient(125deg, #585858, #383838);
  }
  :root[data-concept=signature] .header #main-navigation>a[aria-current=page] {
    color: #f3f3f3;
  }

  /* Champs, dont les exemples de saisie : même contour argenté lisible. */
  :root[data-concept=signature] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),
    select, textarea) {
    background: #292929;
    color: #f6f6f6;
    border: 1px solid var(--signature-silver);
    box-shadow: inset 0 2px 5px #0002;
  }
  :root[data-concept=signature] :is(input, textarea)::placeholder { color: #c2c2c2; opacity: 1; }
  :root[data-concept=signature] :is(input[type=checkbox], input[type=radio], input[type=range]) {
    accent-color: var(--signature-silver);
  }
  :root[data-concept=signature] select option { background: #262626; color: #fff; }
  :root[data-concept=signature] input::file-selector-button {
    border: 1px solid var(--signature-silver);
    background: #454545;
    color: #fff;
  }

  /* Icônes d'interface uniquement : les marques et le maillage LED gardent leur dessin. */
  :root[data-concept=signature] :is(.button, .hero-actions, .header, .searchbox,
    .catalogue-filter-button, .site-back, .chat-launcher, .studio-upload,
    .offers-state, .empty-basket) svg:not(.apple):not(.led-power-icon) {
    color: var(--signature-silver-light);
    stroke: currentColor;
    stroke-width: 2;
  }
  :root[data-concept=signature] :is(.header, .button, .hero-actions, .site-back,
    .chat-launcher, .catalogue-filter-button) svg:not(.apple):not(.led-power-icon) :is(path, circle, polyline, line) {
    stroke: currentColor;
    stroke-width: 2;
  }
  :root[data-concept=signature] :is(.button, .hero-actions a)>span:last-child {
    font-weight: 600;
  }
  :root[data-concept=signature] .visual .example {
    border: 1px solid var(--signature-silver);
    background: #262626ec;
    color: #f3f3f3;
  }

  :root[data-concept=signature] :is(dialog, .chat-panel) {
    background: #2d2d2d;
    border-color: #a6a6a6;
  }
  :root[data-concept=signature] :is(.catalogue-filter-dialog header,
    .filter-dialog-actions, .chat-header) { background: #2d2d2d; }
  :root[data-concept=signature] .chat-form { background: #292929; border-color: var(--signature-silver); }

  /* Lisibilité des descriptions, aides et informations de statut. */
  :root[data-concept=signature] :is(.section-heading>p, .universe>p, .catalogue-note,
    .category-hint, .category-label, .catalogue-topbar span, .product-card .range,
    .product-open>p:last-child, .product-card>p:last-child, .page-intro>p:last-child,
    .contact-intro>p:not(.eyebrow), .account-copy>p:not(.eyebrow), .account-panel>p,
    .auth-note, .form-note, .filter-note, .filter-intro, .filter-category-summary,
    .filter-data-pending p, .catalogue-filter-summary, .detail-content>p:not(.eyebrow),
    .detail-content details p, .detail-content ul, .led-disclaimer, .studio-help,
    .studio-save-note, .studio-disclaimer, .studio-preview-empty>p, .studio-preview-footer,
    .studio-estimate>p, .studio-next>p:not(.eyebrow), .contact-channels p:not(.eyebrow),
    .support-small, .company-method, .company-metrics dd.company-metric-note,
    .company-sectors p:not(.eyebrow), .home-callback p.home-callback-status,
    .achievements-heading>p, .achievements-grid small, .footer-bottom) { color: #cbcbcb; }
  :root[data-concept=signature] :is(.footer-company-info article>p, .footer-seller,
    .cart-example, .technical-note) { color: #cbcbcb!important; }
  :root[data-concept=signature] .product-tech-list dt { color: #d0d0d0; }
  :root[data-concept=signature] .technical-pending dd { color: #c7c7c7; }
  :root[data-concept=signature] :is(.footer-bottom, .footer-legal, .product-tech-list>div,
    .studio-journey, .studio-preview-footer, .studio-disclaimer) { border-color: #6b6b6b; }

  :root[data-concept=signature] :is(a, button, input, textarea, select, summary):focus-visible {
    outline: 3px solid var(--signature-silver-light)!important;
    outline-offset: 4px;
    box-shadow: 0 0 0 6px #1b1b1b!important;
  }
  :root[data-concept=signature] :is(button, input, select, textarea):disabled {
    border-color: #797979;
    color: #bbbbbb;
    box-shadow: none;
  }
}

@media screen and (min-width:1101px) {
  :root[data-concept=signature] .header #main-navigation>a {
    border-width: 1px;
    background: var(--signature-control);
    box-shadow: inset 0 1px #ffffff29;
  }
  :root[data-concept=signature] .header #main-navigation>a[aria-current=page] {
    background: linear-gradient(125deg, #595959, #3b3b3b);
  }
}
@media screen and (max-width:1100px) {
  :root[data-concept=signature] .header #main-navigation {
    background: #2d2d2d!important;
    border-color: #9b9b9b!important;
  }
}
@media screen and (max-width:700px) {
  :root[data-concept=signature] .hero:after {
    background: radial-gradient(ellipse at 65% 0, #ffffff13, transparent 58%),
      linear-gradient(180deg, #2e2e2e 0%, #2e2e2e 60%, #2e2e2e88 73%, transparent 90%);
  }
  :root[data-concept=signature] .category-aside { background: transparent; box-shadow: none; }
  :root[data-concept=signature] .category-list { background: #2d2d2d; }
}
@media screen and (hover:hover) and (pointer:fine) {
  :root[data-concept=signature] :is(a:not(.brand), button:not(:disabled), summary):hover {
    outline: none;
    border-color: var(--signature-silver-light);
    box-shadow: inset 0 0 0 1px #f3f3f355, 0 4px 14px #0003;
  }
  :root[data-concept=signature] :is(.button, .hero-actions a, .auth-button,
    .header #main-navigation>a, .menu-toggle, .cart-button, .catalogue-filter-button,
    .mobile-category, .category-button, .led-power, .site-back, .chat-launcher):hover {
    background: linear-gradient(125deg, #646464, #434343)!important;
    border-color: var(--signature-silver-light)!important;
    color: #fff!important;
  }
  :root[data-concept=signature] :is(input, select, textarea):not(:disabled):hover {
    border-color: var(--signature-silver-light);
  }
}
@media screen {
  :root[data-concept=signature] :is(a:not(.brand), button:not(:disabled)):active {
    border-color: #ffffff;
    box-shadow: inset 0 0 0 1px #f3f3f3;
  }
}
@media (prefers-reduced-motion:reduce) {
  :root[data-concept=signature] *, :root[data-concept=signature] *:before,
  :root[data-concept=signature] *:after {
    animation: none!important;
    transition: none!important;
    scroll-behavior: auto!important;
  }
}
@media (forced-colors:active) {
  :root[data-concept=signature] :is(a, button, input, select, textarea):focus-visible {
    outline-color: Highlight!important;
  }
}