/*
Theme Name: Redfish Brandvertising
Theme URI: https://redfish.co.in
Author: Prasad Nair
Author URI: https://redfish.co.in
Description: A multi-page portfolio theme for Redfish Brandvertising — creative branding, design, and digital marketing agency founded by Prasad Nair.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: redfish-brandvertising
Tags: portfolio, custom-colors, custom-logo, responsive-layout
*/

/* ─────────────────────────────────────────
   CSS CUSTOM PROPERTIES — RF2 Red + Gray
───────────────────────────────────────── */
:root {
  /* Primary Brand (from RF2) */
  --rf-red:        #E31E24;
  --rf-red-dark:   #C41820;
  --rf-red-light:  #FFF0F0;

  /* Grays (from RF2 wordmark) */
  --rf-charcoal:   #333333;   /* "BRANDVERTISING" text */
  --rf-dark-gray:  #58595B;   /* "fish" text */
  --rf-gray:       #888888;   /* secondary text */
  --rf-gray-light: #F5F5F5;   /* alternating section bg */

  /* Dark (hero background) */
  --rf-bg-dark:    #1F1F1F;

  /* Neutrals */
  --rf-white:      #FFFFFF;
  --rf-off-white:  #FAFAFA;
  --rf-border:     #E0E0E0;

  /* Typography */
  --rf-font: 'Inter', 'Poppins', system-ui, -apple-system, sans-serif;

  /* Spacing */
  --rf-space-xs: 0.5rem;
  --rf-space-sm: 1rem;
  --rf-space-md: 2rem;
  --rf-space-lg: 4rem;
  --rf-space-xl: 6rem;

  /* Motion */
  --rf-ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --rf-dur-fast: 180ms;
  --rf-dur-med:  350ms;
  --rf-dur-slow: 600ms;

  /* Layout */
  --rf-max-width: 1200px;
  --rf-nav-h:     72px;
  --rf-radius:    6px;
  --rf-radius-lg: 12px;

  /* Shadows */
  --rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --rf-shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --rf-shadow-lg: 0 8px 32px rgba(0,0,0,0.14);
}

/* ─────────────────────────────────────────
   RESET
───────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 18px;
}

body {
  font-family: var(--rf-font);
  color: var(--rf-charcoal);
  background: var(--rf-white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; display: block; }
a   { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font: inherit; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }