/*
Theme Name: Strand Theme
Theme URI: https://strand.com
Author: Totto
Description: Tema custom para STRAND - tienda de jeans
Version: 1.0
Text Domain: strand-theme
*/

:root {
  /* Paleta STRAND */
  --strand-black: #0a0a0a;
  --strand-white: #ffffff;
  --strand-denim-dark: #2c3e5c;
  --strand-denim-mid: #4a6fa5;
  --strand-denim-light: #7a94b8;
  --strand-grey-bg: #f2f2f2;
  --strand-grey-line: #d9d9d9;
  --strand-sale-red: #c0392b;

  /* Tipografía */
  --font-display: 'Archivo', 'Helvetica Neue', sans-serif; /* headline condensada, tipo "STRAND" y "TRADITIONAL. NEVER BORING." */
  --font-body: 'Inter', sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-body);
  color: var(--strand-black);
  background: var(--strand-white);
}

h1, h2, .site-logo {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.strand-newsletter-form { display: flex; align-items: center; border-bottom: 1px solid var(--strand-black); max-width: 260px; }
.strand-newsletter-form input { flex: 1; border: none; background: none; padding: 8px 0; font-size: 13px; }
.strand-newsletter-form input:focus { outline: none; }
.strand-newsletter-submit { background: none; border: none; cursor: pointer; padding: 4px; }
.strand-newsletter-message { font-size: 11px; margin-top: 6px; }
.strand-newsletter-message.is-success { color: green; }
.strand-newsletter-message.is-error { color: var(--strand-sale-red); }