/* Casa Interio — Color tokens
   Sampled from the brand boards. Ratio discipline in use:
   60% neutral (cream/linen/white) · 25% navy · 10% terracotta · 5% gold. */
:root{
  /* ── Brand core ── */
  --ci-navy:            #092F44;   /* Primary. Logo, headings, dark sections */
  --ci-navy-900:        #06222F;   /* Deepest. Footer, image overlays */
  --ci-navy-700:        #123F58;   /* Hover state on navy surfaces */
  --ci-navy-400:        #4A7085;   /* Muted navy text on light */

  --ci-terracotta:      #D0721A;   /* Primary accent. CTAs, links, the leaf mark */
  --ci-terracotta-700:  #A85A12;   /* Hover / pressed */
  --ci-terracotta-100:  #FBEEE1;   /* Tint fill, badges, icon tiles */

  --ci-gold:            #C9A45D;   /* Secondary accent. Rules, dividers, luxe detail */
  --ci-gold-700:        #A3813F;   /* Gold text on light (passes AA) */
  --ci-gold-100:        #F4EBDA;   /* Highlight fill */

  /* ── Neutrals ── */
  --ci-cream:           #F9F8F4;   /* Page background — warmer than pure white */
  --ci-linen:           #F6EFE7;   /* Alternating section background */
  --ci-sand:            #E8DFD4;   /* Borders, card edges */
  --ci-stone:           #B9AFA3;   /* Disabled, placeholder */
  --ci-ink:             #1C1C1A;   /* Body copy */
  --ci-ink-60:          #5C5A55;   /* Secondary copy */
  --ci-white:           #FFFFFF;

  /* ── Semantic aliases ── */
  --ci-bg:              var(--ci-cream);
  --ci-bg-alt:          var(--ci-linen);
  --ci-surface:         var(--ci-white);
  --ci-surface-inverse: var(--ci-navy);
  --ci-text:            var(--ci-ink);
  --ci-text-muted:      var(--ci-ink-60);
  --ci-text-inverse:    var(--ci-cream);
  --ci-border:          var(--ci-sand);
  --ci-accent:          var(--ci-terracotta);
  --ci-accent-hover:    var(--ci-terracotta-700);
  --ci-accent-alt:      var(--ci-gold);
  --ci-focus-ring:      0 0 0 3px rgba(208,114,26,.14);

  /* Semantic status (kept within the warm family — off-brand hues are never introduced) */
  --ci-success:         #5B8C5A;
  --ci-success-bg:      #EFF5EF;
  --ci-danger:          #B4544C;
  --ci-danger-bg:       #FBEFEE;
}
