/*
Theme Name:  Saludamente
Theme URI:   https://saludamente.cl
Author:      Pablo Kohler
Author URI:  https://pablokohler.com
Description: Tema institucional para Saludamente — Instituto Clínico de Salud Mental. Arica y Viña del Mar.
Version:     1.0.2
License:     Proprietary
Text Domain: saludamente
Tags:        health, mental-health, clinic, responsive
*/

/* ─── Design Tokens ──────────────────────────────────────────────────────── */
:root {
  /* Colors */
  --sm-primary:        #FF9E18;
  --sm-primary-hover:  #E67210;
  --sm-primary-light:  #FFF3E0;
  /* Same hue as --sm-primary, darkened for use as text/icon color on light
     surfaces — the vivid #FF9E18 fails WCAG AA (2:1) as foreground. Reserve
     --sm-primary itself for fills (buttons, chips, accent bars). */
  --sm-primary-text:   #B85800;
  --sm-dark:           #023C40;
  --sm-text:           #161D1E;
  --sm-text-2:         #544434;
  --sm-text-3:         #6E5D4B;
  --sm-bg:             #F4FBFC;
  --sm-surface:        #FFFFFF;
  --sm-border:         #E8EFF0;
  --sm-teal:           #28AFB0;
  --sm-teal-light:     #E7FAFA;
  --sm-teal-border:    #B2EDED;
  --sm-rose:           #B5303D;
  --sm-sage:           #4C6540;
  --sm-lime:           #ECFEAA;

  /* Typography */
  --sm-font:      'Plus Jakarta Sans', sans-serif;
  --sm-text-xs:   0.75rem;    /* 12px */
  --sm-text-sm:   0.875rem;   /* 14px */
  --sm-text-base: 1rem;       /* 16px */
  --sm-text-lg:   1.125rem;   /* 18px */
  --sm-text-xl:   1.25rem;    /* 20px */
  --sm-text-2xl:  1.5rem;     /* 24px */
  --sm-text-3xl:  1.875rem;   /* 30px */
  --sm-text-4xl:  2.25rem;    /* 36px */
  --sm-text-5xl:  3rem;       /* 48px */

  /* Spacing (8px grid) */
  --sm-space-1:  0.25rem;
  --sm-space-2:  0.5rem;
  --sm-space-3:  0.75rem;
  --sm-space-4:  1rem;
  --sm-space-5:  1.25rem;
  --sm-space-6:  1.5rem;
  --sm-space-8:  2rem;
  --sm-space-10: 2.5rem;
  --sm-space-12: 3rem;
  --sm-space-14: 3.5rem;
  --sm-space-16: 4rem;

  /* Border radius */
  --sm-r-sm:   0.5rem;
  --sm-r-md:   0.75rem;
  --sm-r-lg:   1rem;
  --sm-r-xl:   1.25rem;
  --sm-r-2xl:  1.5rem;
  --sm-r-full: 9999px;

  /* Container */
  --sm-container: 1240px;
  --sm-gutter:    1.5rem;     /* mobile */
  --sm-gutter-lg: 3.5rem;     /* desktop */

  /* Nav height */
  --sm-nav-h: 5rem;           /* 80px */
}