'use strict';

var tailwindcssAnimate = require('tailwindcss-animate');
var containerQueries = require('@tailwindcss/container-queries');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var tailwindcssAnimate__default = /*#__PURE__*/_interopDefault(tailwindcssAnimate);
var containerQueries__default = /*#__PURE__*/_interopDefault(containerQueries);

var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __commonJS = (cb, mod) => function __require() {
  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  __defProp(target, "default", { value: mod, enumerable: true }) ,
  mod
));

// node_modules/tailwindcss/lib/util/createPlugin.js
var require_createPlugin = __commonJS({
  "node_modules/tailwindcss/lib/util/createPlugin.js"(exports) {
    Object.defineProperty(exports, "__esModule", {
      value: true
    });
    Object.defineProperty(exports, "default", {
      enumerable: true,
      get: function() {
        return _default;
      }
    });
    function createPlugin(plugin2, config2) {
      return {
        handler: plugin2,
        config: config2
      };
    }
    createPlugin.withOptions = function(pluginFunction, configFunction = () => ({})) {
      const optionsFunction = function(options) {
        return {
          __options: options,
          handler: pluginFunction(options),
          config: configFunction(options)
        };
      };
      optionsFunction.__isOptionsFunction = true;
      optionsFunction.__pluginFunction = pluginFunction;
      optionsFunction.__configFunction = configFunction;
      return optionsFunction;
    };
    var _default = createPlugin;
  }
});

// node_modules/tailwindcss/lib/public/create-plugin.js
var require_create_plugin = __commonJS({
  "node_modules/tailwindcss/lib/public/create-plugin.js"(exports) {
    Object.defineProperty(exports, "__esModule", {
      value: true
    });
    Object.defineProperty(exports, "default", {
      enumerable: true,
      get: function() {
        return _default;
      }
    });
    var _createPlugin = /* @__PURE__ */ _interop_require_default(require_createPlugin());
    function _interop_require_default(obj) {
      return obj && obj.__esModule ? obj : {
        default: obj
      };
    }
    var _default = _createPlugin.default;
  }
});

// node_modules/tailwindcss/plugin.js
var require_plugin = __commonJS({
  "node_modules/tailwindcss/plugin.js"(exports, module) {
    var createPlugin = require_create_plugin();
    module.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
  }
});

// tailwind.config.ts
var import_plugin = __toESM(require_plugin());
var odsTypographyPlugin = (0, import_plugin.default)(({ addUtilities }) => {
  addUtilities({
    ".text-h1": {
      fontFamily: "var(--font-h1-family)",
      fontWeight: "var(--font-h1-weight)",
      fontSize: "var(--font-size-h1-title)",
      lineHeight: "var(--font-line-space-h1-main-title)",
      letterSpacing: "-0.02em"
    },
    ".text-h2": {
      fontFamily: "var(--font-h2-family)",
      fontWeight: "var(--font-h2-weight)",
      fontSize: "var(--font-size-h2-sub-title)",
      lineHeight: "var(--font-line-space-h2-sub-title)",
      letterSpacing: "-0.02em"
    },
    ".text-h3": {
      fontFamily: "var(--font-h3-family)",
      fontWeight: "var(--font-h3-weight)",
      fontSize: "var(--font-size-h3-body)",
      lineHeight: "var(--font-line-space-h3-body)",
      letterSpacing: "-0.02em"
    },
    ".text-h4": {
      fontFamily: "var(--font-h4-family)",
      fontWeight: "var(--font-h4-weight)",
      fontSize: "var(--font-size-h4-body)",
      lineHeight: "var(--font-line-space-h4-body)"
    },
    ".text-h5": {
      fontFamily: "var(--font-h5-family)",
      fontWeight: "var(--font-h5-weight)",
      fontSize: "var(--font-size-h5-caption)",
      lineHeight: "var(--font-line-space-h5-caption)",
      textTransform: "uppercase",
      letterSpacing: "-0.02em"
    },
    ".text-h6": {
      fontFamily: "var(--font-h6-family)",
      fontWeight: "var(--font-h6-weight)",
      fontSize: "var(--font-size-h6-caption)",
      lineHeight: "var(--font-line-space-h6-caption)"
    }
  });
});
var config = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}"
  ],
  safelist: [
    // Dynamically generated classes for table hide/show functionality
    "hidden",
    "md:hidden",
    "lg:hidden",
    "md:flex",
    "lg:flex"
  ],
  theme: {
    container: {
      center: true,
      padding: "2rem",
      screens: {
        "2xl": "1400px"
      }
    },
    extend: {
      colors: {
        // Shadcn/ui base colors (keep for compatibility)
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
        background: "hsl(var(--background))",
        foreground: "hsl(var(--foreground))",
        primary: {
          DEFAULT: "hsl(var(--primary))",
          foreground: "hsl(var(--primary-foreground))"
        },
        secondary: {
          DEFAULT: "hsl(var(--secondary))",
          foreground: "hsl(var(--secondary-foreground))"
        },
        destructive: {
          DEFAULT: "hsl(var(--destructive))",
          foreground: "hsl(var(--destructive-foreground))"
        },
        muted: {
          DEFAULT: "hsl(var(--muted))",
          foreground: "hsl(var(--muted-foreground))"
        },
        accent: {
          DEFAULT: "hsl(var(--accent))",
          foreground: "hsl(var(--accent-foreground))"
        },
        popover: {
          DEFAULT: "hsl(var(--popover))",
          foreground: "hsl(var(--popover-foreground))"
        },
        card: {
          DEFAULT: "hsl(var(--card))",
          foreground: "hsl(var(--card-foreground))"
        },
        // =================================================
        // ODS (Open Design System) COLORS
        // =================================================
        // Single nested structure: generates bg-ods-*, text-ods-*, border-ods-* utilities
        ods: {
          // Backgrounds
          bg: "var(--color-bg)",
          card: "var(--color-bg-card)",
          overlay: "var(--color-bg-overlay)",
          skeleton: "var(--color-bg-skeleton)",
          "bg-hover": "var(--color-bg-hover)",
          "bg-active": "var(--color-bg-active)",
          "bg-surface": "var(--color-bg-surface)",
          "card-hover": "var(--color-bg-hover)",
          divider: "var(--color-divider)",
          // Borders
          border: {
            DEFAULT: "var(--color-border-default)",
            hover: "var(--color-border-hover)",
            active: "var(--color-border-active)",
            focus: "var(--color-border-focus)"
          },
          // Text
          text: {
            primary: "var(--color-text-primary)",
            secondary: "var(--color-text-secondary)",
            tertiary: "var(--color-text-tertiary)",
            muted: "var(--color-text-muted)",
            subtle: "var(--color-text-subtle)",
            disabled: "var(--color-text-disabled)",
            "on-accent": "var(--color-text-on-accent)",
            "on-dark": "var(--color-text-on-dark)"
          },
          // Accent
          accent: {
            DEFAULT: "var(--color-accent-primary)",
            hover: "var(--color-accent-hover)",
            active: "var(--color-accent-active)",
            focus: "var(--color-accent-focus)",
            disabled: "var(--color-accent-disabled)"
          },
          // Status
          success: {
            DEFAULT: "var(--color-success)",
            hover: "var(--color-success-hover)",
            active: "var(--color-success-active)",
            secondary: "var(--color-success-secondary)",
            "secondary-hover": "var(--color-success-secondary-hover)",
            "secondary-active": "var(--color-success-secondary-active)"
          },
          error: {
            DEFAULT: "var(--color-error)",
            hover: "var(--color-error-hover)",
            active: "var(--color-error-active)",
            secondary: "var(--color-error-secondary)",
            "secondary-hover": "var(--color-error-secondary-hover)",
            "secondary-active": "var(--color-error-secondary-active)"
          },
          warning: {
            DEFAULT: "var(--color-warning)",
            hover: "var(--color-warning-hover)",
            active: "var(--color-warning-active)",
            secondary: "var(--color-warning-secondary)",
            "secondary-hover": "var(--color-warning-secondary-hover)",
            "secondary-active": "var(--color-warning-secondary-active)"
          },
          info: {
            DEFAULT: "var(--color-info)",
            hover: "var(--color-info-hover)",
            active: "var(--color-info-active)"
          },
          // Interactive states
          disabled: "var(--color-disabled)",
          focus: "var(--color-focus-ring)",
          "focus-visible": "var(--color-focus-visible)",
          // Links
          link: {
            DEFAULT: "var(--color-link)",
            hover: "var(--color-link-hover)",
            visited: "var(--color-link-visited)"
          },
          // Brand colors (theme-independent)
          flamingo: {
            pink: "var(--ods-flamingo-pink-base)",
            cyan: "var(--ods-flamingo-cyan-base)"
          },
          "open-yellow": "var(--ods-open-yellow-base)",
          // Adaptive platform color
          current: "var(--ods-current)"
        }
      },
      // Custom breakpoints (aligned with ODS responsive tokens from Figma)
      screens: {
        "md": "800px",
        // Tablet: 50rem
        "lg": "1280px",
        // Desktop: 80rem
        "xl": "1440px"
        // Large desktop: 90rem
      },
      borderRadius: {
        lg: "var(--radius)",
        // 8px
        md: "calc(var(--radius) - 2px)",
        // 6px
        sm: "calc(var(--radius) - 4px)",
        // 4px
        xs: "calc(var(--radius) - 6px)"
        // 2px
      },
      maxWidth: {
        "ods-content-narrow": "600px"
      },
      fontFamily: {
        sans: ["var(--font-family-body)"],
        mono: ["var(--font-family-heading)"],
        body: ["var(--font-family-body)"],
        heading: ["var(--font-family-heading)"]
      },
      // =================================================
      // TYPOGRAPHY
      // =================================================
      fontSize: {
        // Responsive heading sizes (from ods-responsive-tokens.css)
        "heading-1": ["var(--font-size-h1-title)", { lineHeight: "var(--font-line-space-h1-main-title)" }],
        "heading-2": ["var(--font-size-h2-sub-title)", { lineHeight: "var(--font-line-space-h2-sub-title)" }],
        "heading-3": ["var(--font-size-h3-body)", { lineHeight: "var(--font-line-space-h3-body)" }],
        "heading-4": ["var(--font-size-h4-body)", { lineHeight: "var(--font-line-space-h4-body)" }],
        "heading-5": ["var(--font-size-h5-caption)", { lineHeight: "var(--font-line-space-h5-caption)" }],
        "heading-6": ["var(--font-size-h6-caption)", { lineHeight: "var(--font-line-space-h6-caption)" }]
      },
      // =================================================
      // SHADOWS
      // =================================================
      boxShadow: {
        "card": "var(--shadow-card)",
        "card-hover": "var(--shadow-card-hover)",
        "modal": "var(--shadow-modal)",
        "dropdown": "var(--shadow-dropdown)",
        "tooltip": "var(--shadow-tooltip)",
        "focus": "var(--shadow-focus)",
        "accent": "var(--shadow-accent)",
        "accent-lg": "var(--shadow-accent-lg)"
      },
      // =================================================
      // TRANSITIONS
      // =================================================
      transitionDuration: {
        "fast": "var(--duration-fast)",
        "normal": "var(--duration-normal)",
        "slow": "var(--duration-slow)",
        "slower": "var(--duration-slower)"
      },
      transitionTimingFunction: {
        "bounce": "var(--ease-bounce)",
        "elastic": "var(--ease-elastic)"
      },
      // =================================================
      // Z-INDEX
      // =================================================
      zIndex: {
        "dropdown": "var(--z-dropdown)",
        "sticky": "var(--z-sticky)",
        "fixed": "var(--z-fixed)",
        "modal-backdrop": "var(--z-modal-backdrop)",
        "modal": "var(--z-modal)",
        "popover": "var(--z-popover)",
        "tooltip": "var(--z-tooltip)",
        "notification": "var(--z-notification)",
        "debug": "var(--z-debug)"
      },
      // =================================================
      // ANIMATIONS
      // =================================================
      keyframes: {
        "accordion-down": {
          from: { height: "0" },
          to: { height: "var(--radix-accordion-content-height)" }
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: "0" }
        },
        "fade-in": {
          from: { opacity: "0" },
          to: { opacity: "1" }
        }
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
        "fade-in": "fade-in 0.3s ease-out"
      }
    }
  },
  plugins: [tailwindcssAnimate__default.default, odsTypographyPlugin, containerQueries__default.default]
};
var tailwind_config_default = config;

module.exports = tailwind_config_default;
//# sourceMappingURL=tailwind.config.cjs.map
//# sourceMappingURL=tailwind.config.cjs.map